![]()
1109
![]()
创建html文件
鼠标右键-新建文本文档-更改后缀名为.html。
注意事项
可以用中文，但不建议
不允许使用特殊字符
推荐使用小写，驼峰模式
![]()
html标签
标签是html最基本的单位。用左右尖括号括起来< >。
标签两种形式
双标签
<p>....</p>单标签
<br/>标签属性
语法
<标签名 属性名1=”属性值” 属性名2= “属性值” ></
标签名>属性出现在标签中，是标签的一部分。
属性由属性名和属性值成对出现，属性值用双引号包起来。
多个属性值直接用空格隔开。
html颜色值设置
英文单词：yellow,red….
十六进制：#ff0000(#f00)红色
html代码格式
用tab键缩进
html 实体字符
空格<>><©版权符号html注释
<!--这是一个注释-->
![]()
html主体结构
<!DOCTYPE html> <!--声明头--><html> <!--头部标签--> <head> </head> <!--主体标签--> <body> </body></html>
声明头<!DOCTYPE html>告诉浏览器采用的是html5规范。
![]()
head中常用的标签
<head lang = "zh-cn"><--声明页面的主要语言，zh-cn是中文，en是英文--><title>网站标题</title><--设置网站的标题--><meta charset= "utf-8"><--设置字符集--><meta name= "keyworks" content="关键字1，关键字2"><--设置关键字--><meta name = "description" conten= "内容描述" > <--设置内容描述--><link rel = "icon" type ="" herf=""><-- rel :文档与被链接文档直接的关系 type:被链接文档的类型 herf:被链接文档的地址--><style></style>加载CSS样式<script></script>加载js
![]()
body中常用的标签
![]()
文本标签
<p></p><--段落标签--> <b></b><--加粗--> <strong></strong><--强调--> <i></i><--倾斜--> <em></em><--倾斜--> <u></u><--下划线--> <del></del><--删除线--> <hr/><--水平线--> <br/><--换行--> <sub></sub><--下标--> <sup><sup><--上标--> <details></details><--交互式控件、可见的或者隐藏的补充细节--> <summery></summery><--为details定义标题--> <dialog></dialog><--对话框-->
![]()
列表标签
1. 无序列表<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> <li>列表项4</li></ul>2. 有序列表<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li></ol>3. 自定义列表<dl> <dt>表头</dt> <dd>列表1</dd> <dd>列表2</dd> <dd>列表3</dd></dl>
![]()
超链接标签
<a></a><--属性：herf:链接的地址，target:页面打开方式 _self:自身页面打开 _bank:新窗口打开-->
![]()
多媒体标签
<img></img>图片<--属性 src:链接的图片地址 alt:替代文本--><audio></audio>音频<video></video>视频
![]()
语义化标签
<div></div><span></span><address></address><header></header><footer></footer>