HTML语义元素
- HTML文档结构:文档类型、根元素<html></html>、头元素<head></head>,在头元素中用标记<title>指定文档标题,<meta>标记指定字符编码、主体元素<body></body>
- 段落标记<p></p>:段落标记的段前和段后各有一行空白行
- 换行标记<br>
- 正文的标题标记<h1>到<h6>,其中<h1>标题的文字最大,<h6>标题的文字最小
- 列表标记:<ul></ul>表示无序列表、<ol></ol>表示有序列表;其中<li>表示列表项
- 图片标记<img>: 常用属性为 src---图片来源、width和height----宽度和高度、alt---图片未显示时显示的文字
- 超链接标记<a></a>: 常用属性为 href---超链接地址
- <header></header>表示定义页面的页眉、<footer></footer>表示定义页面的脚注
- <article>标记表示文档或者页面的正文部分
- <aside></aside>用来表示当前页面或文章的附属信息
- <nav></nav>表示页面的导航链接区域
- 表格:表格标记<table></table>、<caption>表格标题</caption>、<tr>表格行</tr>、<td>表格列</td>
- 音频标记<audio></audio>和视频标记<vedio></vedio>
- 表单标记:<form></form> 属性:name---表单名称、method---指定表单的提交方式,可选项包括POST和GET、action--表单的处理页地址
- 表单中的标记:表单输入标记<input></input> 常用属性 :type---指定添加的输入字的类型、checked---输入字段是否处于被选中状态
- 表单中的标记:下拉列表标记<select></select> <option></option>表示列表中的内容
- 表单中的标记: 多行文本标记<textarea></textarea> 常用属性:rows---文本框的行数 cols----文本框的列数
CSS样式表
CSS样式表有四种定义与引用方式:行内样式、内嵌式、链接式、导入式
行内样式:<p style = "color:blue">文字</p>
内嵌式:在头元素<head></head>中使用<style></style>标记将CSS样式包含在页面中
链接式:CSS样式定义在一个独立的文件中,然后在HTML页面中通过<link>标记引用,其语法结构如下:<link rel="stylesheet" href="CSS文件的路径" type="text/css">
导入式:在<style></style>标记里导入一个外部样式表,导入时使用@import实现
CSS规则
CSS语法结构:选择器{ 属性:属性值}
选择器分为三类:标记选择器、类别选择器、ID选择器
类别选择器的名称由用户自己定义,并以“.”开头
ID选择器的名称要以“#”开始