学习笔记：
一、什么是Html？
HyperText Markup Language，超文本标记语言
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
二、语法
<!Doctype > ：一种标准通用标记语言的文档类型声明，用于告诉标准通用语言标记解析器，它应该使用什么样的文档类型定义（DTD）来解析文档
<html>...</html>：html容器，可以在其中书写html正文部分
<head>...</head>：里面的内容用于对文档的说明，如对语言类型，编码方式等的说明
<body>...</body>：里面的内容是用于表现文档，如需要展现的内容等
三、规则
1. 标签只能层层嵌套，组标签包含另一组标签，不可交叉嵌套书写
2. 空元素必须要有结束标签
四、常见简单标签
<br/> 换行
<hr/> 横线
<h1~h6>...</h1~h6> 标题，从大到小，h1最大，h6最小
<strong>...</strong> 强调（效果：加粗）
<em>...</em> 强调 （效果：斜体）
<mark>...</mark> 几乎和内容无关，就是为了标示（匹配搜索项，拼写错误等）(效果：标签内内容底色标黄
<p>...</p> 段落
<div>...<div> 段落，没有语意，主要用作容器
<img ... > 图片标签，可在标签内设置图片地址，高宽及鼠标事件
<dl><dt></dt><dd></dd></dl> 列表，dt为标题，dd为内容，可写多个dd
<ol><li></li></ol> 有序列表，li为内容，可添加多个li，呈现是会带有有序编号
属性：1.reversed 设置编号为降序排列（html5支持）
2.start 规定编号起始值
3.type 规定编号类型,可以是：1，A，a，I
如：<ol start="D" type="A" reversed>...</o>
<ul><li></li></ul> 无序列表，li为内容，可添加多个li，呈现是会带有黑点等标记
属性：type 规定标记样式，可以为disc（黑圆点），square（黑方块），circle（空心圆）
<a href="网页地址",target="打开方式"> 插入超链接（打开方式：_blank【新页面打开】，_self【当前页面打开】，_parent【父框架打开】，_top【顶端打开】，framename【指向某一单独窗口】）
<button>...</button> 按钮
<table>...</table> 表格
！！！请尽量遵循语意化的原则来使用标签
网友评论