认识HTML
目标
- HTML5文档基本结构
- HTML5文本、图像、超链接标记
- HTML5页面元素及属性
一、HTML5文档基本结构
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
</body>
</html>
<!Doctype>文档类型声明<html>根标记<head>头标记<body>主体标记
head——头部相关标记
- 标题标记：
<title> - 页面元信息标记：
<meta>
name/content:"kewords","description","author". http-equiz/content:①自动刷新 ②设置字符集
-
外部文件标记：
<link><link rel="stylesheet" type="text/css"> -
内嵌样式标记：
<style>
二、文本、图像和超链接标记
-
文本控制标记
- 标题标记——
<h1>~<h6> - 段落标记——
<p> - 水平线标记——
<hr/> - 换行标记——
<br/> - 文本格式标记——
<b>/<strong>,<i>/<em>,<s>/<del>,<u>/<s> - 特殊字符——
 ,<,>,&,¥,©,®,%deg,±,×,÷, ²,³
- 标题标记——
-
图像标记
- 图像格式
- 图像标记——
<img><img src=" " alt=" "> 属性：alt,title,width/height,border,vspace/hspace,align.
-
超链接标记
<a href=" “ target=""> </a>——超链接
<a href="#" > </a>——锚点链接
三、HTML元素及属性
-
列表元素
ul,lo,dl li -
结构元素
header,nav,article/section,aside,footer -
分组元素
figure,figurcaption,hgroup -
页面交互元素
details/summary,progess,meter -
文本层次语义元素
time,mark,cite -
全局属性
draggable,hidden,spellcheck,contenteditable