HTML总结

注释

<!—要注释的内容-->

基本标签

标题标签：<h1>-<h6>

段落标签：<p>

换行标签：<br/>

水平线:<hr/>

预定义格式文本:<pre>

注：重点学习HTML特殊符号、HTML文本格式化便签

a标签

href属性

外部链接：点击访问京东

<a href="http://www.jd.com”>京东</a> 

内部链接：点击访问项目内部html网页

<a href="new file.html”>内部网页</a>

锚点链接：点击跳转到当前页面的锚点“works”处

<a href="#works>主要作品</a>

锚点链接：点击跳转到index.html页面的锚点“works”处

<a href="index.html#works>主要作品</a>

target属性

_blank表示在新窗口中打开链接

_self 默认，表示在当前窗口打开链接。

a元素的常用CSS伪类

a:link{}用于设置超链接点击之前的样式；

a:visited{}用于设置超链接被访问过之后的样式；

a:hover{}设置鼠标悬停在标签上的样式；

a:active{}设置鼠标点击标签但不松手时的样式。

表格

重点学习基本语法，理解跨行、跨列表格单元格

表单

<form>标签：用于定义表单，<form>标签有两个比较重要的属性：     

action属性：定义表单的提交地址。通常，表单会被提交到Web服务器上的网页，如果该属性值省略，则会提交到当前页面。

method属性：规定在提交表单时所用的HTTP方法（GET或者POST）.

<Input>标签：常用的表单输入标签，其输入类型包括：text（文本域）、password（密码域）、radio(单选按钮)、checkbox（复选框）、button（按钮）、submit（提交按钮）等。

块级元素和内联（行内）元素

块级元素

<h1>-<h6>、<p>、<div>、<ul>、<ol>、<li>、<table>、<form>等

内联（行内）元素

<a>、<img>、<input>、<span>、<strong>、<button>等。

区别

1. 块级元素各占据一行，垂直方向排列；块级元素以新行开始，以换行结束。内联元素在显示时通常不会以新行开始，相邻的行内元素会排列在同一行例，直到一行排不下才会换行。
2. 块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
3. 行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置width无效，height无效，其宽度随元素的内容而变化，margin上下无效，padding上下无效。块级元素可以设置宽、高，盒模型各属性也均能成功设置。

头部元素

<link>标签

定义文档与外部资源之间的关系，最常用于连接样式表。链接样式表的基本语法： <link rel="stylesheet"  href="URL">。

<meta>标签

提供关于HTML文档的元数据。例如作者、日期和时间、网页描述、关键词、页面刷新等。如：

<meta name="description" content="信息参数" /> 用于描述网页

<meta name="keywords" content="信息参数" /> 用于描述网页关键词

<meta name="author" content="信息参数"> 用于描述网页作者

<meta http-equiv="content-type" content="text/html; charset=信息参数" /> 用于提供HTTP协议的响应头报文

<meta http-equiv="refresh" content="30" url="网址参数"> 用于规定页面刷新时间为30s。