HTML5
标签学习:
1. 文件标签:构成html最基本的标签
html
:html文档的根标签
head
:头标签。用于指定html文档的一些属性。引入外部的资源
title
:标题标签。
body
:体标签
<!DOCTYPE html>
:html5中定义该文档是html文档
2.文本标签:和文本有关的标签
<!-- 注释内容 -->
:注释
<h1> to <h6>
:标题标签 - h1~h6
字体大小逐渐递减
<p>
:段落标签
<br>
:换行标签
<hr>
:展示一条水平线
<b>
:字体加粗
<i>
:字体斜体
<font>
:字体标签
<center>
:文本居中
3. 图片标签:
img
:展示图片
<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
相对路径 以.
开头 ./
代表当前目录 ./image/1.jpg
../
代表上一级目录
4. 列表标签:
有序列表: ol li
无序列表: ul li
自定义列表: dl dt dd
5. 链接标签:
a
:定义一个超链接
href
:指定访问资源的URL(统一资源定位符)
target
:指定打开资源的方式
_self
:默认值,在当前页面打开
_blank
:在空白页面打开
6. div
和span
:
div
:每一个div占满一整行。块级标签
span
:文本信息在一行展示,行内标签 内联标签
7. 语义化标签:html5中为了提高程序的可读性,提供了一些标签。
<header>
:页眉
<footer>
:页脚
8. 表格标签:
table
:定义表格
width
:宽度
border
:边框
cellpadding
:定义内容和单元格的距离
cellspacing
:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
bgcolor
:背景色
align
:对齐方式
tr
:定义行
bgcolor
:背景色
align
:对齐方式
td
:定义单元格
colspan
:合并列
rowspan
:合并行
th
:定义表头单元格
<caption>
:表格标题
<thead>
:表示表格的头部分
<tbody>
:表示表格的体部分
<tfoot>
:表示表格的脚部分