HTML学习笔记

1.         使用小写标签小写属性<body bgcolor="yellow">,始终为属性值加引号(单引、双引,若属性内容包含双引号,则使用单引)

2.         不要忘记关闭标签<b></b>

3.         浏览器忽略源代码的格式,若需换行时,使用</br>强制换行

4.         使用<pre>标签显示预格式文本,保留了空格和换行。

5.         使用<bdo>标签控制文字显示的方向(bi-directional override

6.         使用<blockquote>标签显示,浏览器会插入换行和外边距

7.         字符实体HTML 文档中显示小于号,我们需要这样写:&lt; 或者 &#60

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> <href="#C4">查看 Chapter 4。</a> </p>    ----此处点击可跳至C4

<h2>Chapter 3</h2>

<p>test3</p>

<h2><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>

 

禁止调整框架尺寸
<frame noresize="noresize">

导航框架

main.html
<html>

<frameset cols="120,*">

  
<frame src="framelist.html">

  
<frame src="frame_a.html" name="showframe">

</frameset>

<noframes></noframes>

</html>
framelist.html
<html>

<body>

<href ="frame_a.html" target ="showframe">Frame a</a><br>

<href ="frame_b.html" target ="showframe">Frame b</a><br>

</body>

</html>
frame_a.html
<html>

<body>

a

</body>

</html>
frame_b.html
<html>

<body>

b

</body>

</html>
内联框架它可以在网页的局部插入另一个文件,更新时只要更改所插入的文件即可。
<iframe src="05.jpg"></iframe>
原文地址:https://www.cnblogs.com/myparamita/p/1509378.html