目录
<!DOCTYPE html> # 声明此文档为HTML文档
<html lang="zh-CN"> # 此文档的开始标记。内部分文档头head 和正文body两部分
<head> # 文档头的开始标记。内部放(文档设置参数的)标签,文档头内部的内容不会显示
<meta charset="UTF-8">
<title>css样式优先级</title>
</head> # 文档头的结束标记
<body> # 文档正文的开始标记,内部放(设置文档正文d的格式的)标签
</body> # 文档正文的结束标记
</html> # 此文档的结束标记
HTML标签是一对尖括号和其内部的关键字组成,通常应该有两个属性,唯一的id和可继承的class
? 单标签如
? 双标签如
、? 块级标签:独占一行,如h1~h6、p、br、hr、div等标签,其中p标签是特例(不能包含块级标签和p标签)
? 行内标签:内部文本多大就占多大,如a、img、s、b、u、i、span
? meta标签:指定元信息,如编码类型、跳转网址、渲染模式等
? title标签:定义网页标题
? style标签:定义正文内部的对应内容的样式
? script标签:定义JS代码或引入外部JS文件
? link标签:引入外部样式文件或网站图标
? b 加粗; i 斜体; u 下划线; s 删除;
? p 段落标签;
? h1—h6 标题级别(设置1—6级标题)
? br 换行
? hr 水平线(分割)
块级元素与行内元素的区别:
块元素是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。
<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">
? 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。
<a href="http://www.oldboyedu.com" target="_blank" >点击跳转</a>
href属性:指定目标网页地址。该地址可以有几种类型:
绝对URL - 指向另一个站点(比如 href="http://www.jd.com)
相对URL - 指当前站点中确切的路径(href="index.htm")
锚URL - 指向页面中的锚(href="#top")
target属性:
<ul type="disc">
<li>第一项</li>
<li>第二项</li>
</ul>
type属性:
<ol type="1" start="2">
<li>第一项</li>
<li>第二项</li>
</ol>
type属性:
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
表格:
表格一般用于展示数据
表格的基本结构:
<body>
<table>
<thead>
<tr>
<th>名次</th>
<th>姓名</th>
<th>班级</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>allen</td>
<td>三2班</td>
</tr>
<tr>
<td>2</td>
<td>Tom</td>
<td>三1班</td>
</tr>
</tbody>
</table>
</body>
属性:
原文:https://www.cnblogs.com/allenchen168/p/11861036.html