HTML学习笔记
2016-12-15 本文已影响0人
魂梦云边
《html笔记》
1.属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name='Bill "HelloWorld" Gates'
2.水平分割线： <hr/>
3.html的注释：<!--文本说明-->
4.<p> 标签：浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）
5.换行标准写法：<br/>
6.html中所有的 连续 的空行和空格都只视作一个 空格
7.<pre>标签保留了空格和换行
8.<q>标签添加引号
9.<blockquote>标签内的内容每一行缩进两个字节
10.<a> 标签定义超链接，用于从一张页面链接到另一张页面。
在空白页打开添加 target="_blank" 在本页打开 "_self"
11.可以使用 id 属性来替代 name 属性，命名锚同样有效
12.请始终将正斜杠添加到子文件夹。假如这样书写链接：
href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。
这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，
就像这样：href="http://www.w3school.com.cn/html/"
13.调到本页面的制定位置，例如：
<a href="#la">调到 la </a>
<a name="la"> text </a>
14.
alt 表示图片丢失时用文本替换 显示在图片空白上
15.添加背景图 <body background="./"> 图像小于页面，就会重复
16.让图片和文字显示在一行 <p>文本文本</p>
align=" " bottom middle top为文本和图片对齐方式 bottom为默认对齐方式
align=" " left right 为浮动方式
17.html中的表格 标题用 <caption> 自动居中（相对于表格）
表头用 <th> 标记 表头有时包含多个单元格使用 <th colspan="包含单元格数" > </th>
18. ol：有序列表，有序号 可用 start=" "表示从几开始
ul：无序列表，默认序号由圆点代替
二者的子标签都是 <li>
19. dl：自定义列表
20. 块级元素在浏览器显示时通常都会以新行来开始（结束）
例如：<h1>, <p>, <ul>, <ol>, <table>,<div>浏览器通常会在 div 元素前后放置一个换行符
21. 内联元素在显示时都不会以新行开始
例如：<b>, <td>, <a>, <img>, <span>：行内元素
22. <div>关于边距的属性 margin:10px 外边距 padding:10px 上下内边距
21. 外部样式表使用 <link rel="stylesheet" type="text/css" href="mystyle.css">
22. 内部样式表：在 head 部分通过 <style> 标签定义内部样式表。
例如：p {margin-left: 20px}
23. 内联样式：在标签里使用 例如：<p style="color: red; margin-left: 20px">
24. <frameset>将页面分成不同的框架
不能将 <body></body> 标签与 <frameset></frameset> 同时使用
<frameset cols="25%,75%"> ：列
<frameset rows="25%,75%"> ：行
子标签<frame src="frame_a.htm"> 可以嵌套使用
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，
可以在 <frame> 标签中加入：noresize="noresize"。
25. <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，
指示浏览器在何处可以找到样式表，提供元信息，等等。
以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>
<link> 最常用于连接样式表
26. <select> 下拉列表 <option> 元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。您能够通过添加 selected 属性来定义预定义选项。
实例： <option value="fiat" selected>Fiat</option> fiat为默认选项
27. 表单中的 radio （单选框）添加 checked 设为默认
例如：<input type="radio" name="sex" value="male" checked>
28. 表单中的 checkbox （复选框） 注意：相同类型的 name 属性填一样
29. 表单中的一些按钮可以使用 onclick="alert('表单已提交')" 弹出提示信息
30. 表单中的 输入框属性 number 只能够输入数字 用 min max 限制输入的范围
31. 表单中的 date 输入时间
32. multiple 属性是布尔属性。
如果设置，则规定允许用户在 <input> 元素中输入一个以上的值。
multiple 属性适用于以下输入类型：email 和 file。
33. placeholder 属性placeholder 属性规定用以描述输入字段预期值的提示
（样本值或有关格式的简短描述）。该提示会在用户输入值之前显示在输入字段中。可以占位
34. required 属性是布尔属性。如果设置，则规定在提交表单之前必须填写输入字段。
例如：<input type="text" name="usrname" required>
