1、首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可。打开软件，点击file，选择New project，在弹出的对话框中，选择static web选项中的html5，点击next，在新对话框中，输入项目名称，点击finish。
2、首先打开Dreamweaver CC2018软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：在创建窗口中，点击浏览按钮。
3、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。（可以点击下方引用经验查看如何创建一个站点）在右上角点击【CSS设计器】，并在下方点击【+号】，然后选择【创建新的CSS文件】。
首先可以直接把css代码写在现有的HTML标签元素的开始标签里面，并且css样式代码要写在style=双引号中才可以，如：p style=color：red这里文字是红色。/p。
html5使用link标签引入外围的css样式表。
新建一个html文件，命名为test.html，用于讲解html中如何导入css。请点击输入图片描述 2 在test.html文件内，使用div创建一个模块，下面将对该div进行css样式的定义。
嵌入方式指的是在 HTML 头部中的 style 标签下书写 CSS 代码。示例：head style .content { background： red；} /style /head 嵌入方式的 CSS 只对当前的网页有效。
CSS通过内联、外联等样式嵌入到HTML中。
1、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。
2、一行代码引入外部的CSS文件即可 link rel=stylesheet href=css/style.css 这样css文件就与HTML链接起来了。这里要注意的是html里的ID选择器和类选择器要对应上。
3、首先打开Dreamweaver CC2018软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：在创建窗口中，点击浏览按钮。
先启动DW软件，新建文档，文档类型选择【/HTML】-【XHTML0】，然后点击【创建】。点击创建后，DW会为你创建一个HTML文件。我们在body标签中加入一个div标签组。
link href=你的css文件地址 type=text/css rel=stylesheet / 保存，后重新打开html文件，就可以看到 该文档窗口下多了个标签，那就是你的css文件。不过dw8的版本好像没有这种功能，建议使用dwCS4版本。
验证码可以用单独的页面来做，用传值的方式来实现。
即index.html，同理，选中李白，杜甫，白居易将他们连起来。超链接做好后在文字下方会多出一条横线。做完了之后在index.html中打开可以看看做出的效果，点击图中的小地球图标就可进行查看。