《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.![](boat.gif)
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>
网友评论