文档结构介绍:
标签属性
-
文档声明:用于声明当前HTML的版本,这里的
<!DOCTYPE html>
是HTML5的声明 -
html根标签:除文档声明以外,其它内容全部要放在根标签html内部
-
文档头部配置:head标签,是当前页面的配置信息,外部引入文件, 例如网页标签、字符集等
-
文档显示内容:body标签,里边的内容会显示到浏览器页面上
-
HTML语法规范
-
扩展名是html或者htm
-
html标签不区分大小写
-
html由头(head)和体(body)组成
-
标签是可以嵌套的,标签里面可以放标签
-
标签一般由起始标签开始,结束标签终止(成对出现)。但是如果标签不修饰内容,可以在标签里结束.
-
属性是属于标签的,修饰标签,让标签有更多的效果
-
属性一般定义在起始标签里面。
-
属性一般以 属性名=属性值的形式存在
-
属性值一般用
''
或者“ ”
括起来。 不加引号也是可以的.(不建议使用)-
<标签名/> 空标签
-
HTML常用的标签
-
标题标签
<hn></hn> n取值1~6
段落标签 段落之间自动进行换行
<p></p>
粗体标签
<b></b>
斜体标签
<i></i>
换行标签
<br/>
下划线标签
语法:
<img src="图片路径" width="宽" height="高" alt="图片描述" title="用于告诉浏览器, 当鼠标悬停在图片上时, 需要弹出的描述框中显示什么内容"/>
无序列表
<ul type="类型">
<li>需要显示的条目内容</li>
...
</ul>
<!--type属性: 列表的类型; circle: 空心圆; square: 实心的正方形-->
超链接标签的格式:
<a href="指定需要跳转的目标路径" target="打开的方式">需要展现给用户查看的内容</a>
target属性取值:
_blank:新起页面
_self:当前页面(默认)
-
无序列表
-
<ul type="circle\square\默认实心圆">
-
有序列表
-
<ol type="" start="">
<li></li>
</ol> -
超链接标签
-
<a href="" target="打开方式">文本</a>
target取值:
_self 当前窗口打开【默认】
_blank 新开一个窗口 -
-