HTML学习笔记
1. 使用小写标签和小写属性<body bgcolor="yellow">,始终为属性值加引号(单引、双引,若属性内容包含双引号,则使用单引)
2. 不要忘记关闭标签<b></b>
3. 浏览器忽略源代码的格式,若需换行时,使用</br>强制换行
4. 使用<pre>标签显示预格式文本,保留了空格和换行。
5. 使用<bdo>标签控制文字显示的方向(bi-directional override)
6. 使用<blockquote>标签显示,浏览器会插入换行和外边距
7. 字符实体:HTML 文档中显示小于号,我们需要这样写:< 或者 <;
8. HTML链接:
<a> 用来创建锚。
href 属性用于定位需要链接的文档。
<a href="mailto:someone@microsoft.com?subject=Hello%20again"> ---发送邮件链接
使用 target 属性,你可以定义被链接的文档在何处显示。
target="_blank" 在新窗口中打开连接
target="_top" 跳出框架
name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接。将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到指定节
Code
<p> <a href="#C4">查看 Chapter 4。</a> </p> ----此处点击可跳至C4
<h2>Chapter 3</h2>
<p>test3</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>test4</p>
<p> <a href="#C4">查看 Chapter 4。</a> </p> ----此处点击可跳至C4
<h2>Chapter 3</h2>
<p>test3</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>test4</p>
9.
框架
使用框架,可以在一个浏览器窗口中显示多个页面。因缺点较多,可用ajax代替。
混合框架
<frameset rows="50%,50%">
<frame src="/example/html/frame_a.html">
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
<frameset rows="50%,50%">
<frame src="/example/html/frame_a.html">
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
禁止调整框架尺寸
<frame noresize="noresize">
<frame noresize="noresize">
导航框架
main.html
<html>
<frameset cols="120,*">
<frame src="framelist.html">
<frame src="frame_a.html" name="showframe">
</frameset>
<noframes></noframes>
</html>
<html>
<frameset cols="120,*">
<frame src="framelist.html">
<frame src="frame_a.html" name="showframe">
</frameset>
<noframes></noframes>
</html>
framelist.html
<html>
<body>
<a href ="frame_a.html" target ="showframe">Frame a</a><br>
<a href ="frame_b.html" target ="showframe">Frame b</a><br>
</body>
</html>
<html>
<body>
<a href ="frame_a.html" target ="showframe">Frame a</a><br>
<a href ="frame_b.html" target ="showframe">Frame b</a><br>
</body>
</html>
frame_a.html
<html>
<body>
a
</body>
</html>
<html>
<body>
a
</body>
</html>
frame_b.html
<html>
<body>
b
</body>
</html>
<html>
<body>
b
</body>
</html>
内联框架:它可以在网页的局部插入另一个文件,更新时只要更改所插入的文件即可。
<iframe src="05.jpg"></iframe>
<iframe src="05.jpg"></iframe>