HTML语义元素

  1. HTML文档结构：文档类型、根元素<html></html>、头元素<head></head>，在头元素中用标记<title>指定文档标题，<meta>标记指定字符编码、主体元素<body></body>
  2. 段落标记<p></p>:段落标记的段前和段后各有一行空白行
  3. 换行标记<br>
  4. 正文的标题标记<h1>到<h6>，其中<h1>标题的文字最大，<h6>标题的文字最小
  5. 列表标记：<ul></ul>表示无序列表、<ol></ol>表示有序列表；其中<li>表示列表项
  6. 图片标记<img>:  常用属性为   src---图片来源、width和height----宽度和高度、alt---图片未显示时显示的文字
  7. 超链接标记<a></a>:  常用属性为   href---超链接地址
  8. <header></header>表示定义页面的页眉、<footer></footer>表示定义页面的脚注
  9. <article>标记表示文档或者页面的正文部分
  10. <aside></aside>用来表示当前页面或文章的附属信息
  11. <nav></nav>表示页面的导航链接区域
  12. 表格：表格标记<table></table>、<caption>表格标题</caption>、<tr>表格行</tr>、<td>表格列</td>
  13. 音频标记<audio></audio>和视频标记<vedio></vedio>
  14. 表单标记：<form></form>   属性：name---表单名称、method---指定表单的提交方式，可选项包括POST和GET、action--表单的处理页地址
  15. 表单中的标记：表单输入标记<input></input> 常用属性 ：type---指定添加的输入字的类型、checked---输入字段是否处于被选中状态
  16. 表单中的标记：下拉列表标记<select></select>     <option></option>表示列表中的内容
  17. 表单中的标记： 多行文本标记<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选择器的名称要以“#”开始