HTML学习随笔

前记：虽然上学期学了一点H5的主干知识和重要标签，但是这学期在自学的时候还是遇到很多问题。在各种网站上学习HTML时发现分支拓展得太开了，以至于不知道哪里是重点，标签和属性太多一次性也记不完，只有在日后的项目开发中慢慢熟练。

现在先总结一下今日学习并运用到的新标签：

1、<abbr>标签用来表示一个缩写词或者首字母缩略词，通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

实例：The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

2、<base> 标签规定页面上所有链接的默认 URL 和默认目标，位于 <head> 元素内部。

3、<bdo></bdo>标签用于显示文字方向

<p><bdo dir="rtl">这段文字从右往左显示</bdo></p>

结果如图

4、删除并插入：

<p>I like <del>red</del><ins>black</ins></p>

结果如图

5、<blockquote></blockquote>标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。如果标记是不需要段落分隔的短引用，请使用 <q>。

1 <p>WWF's goal is to: 
2 <q>Build a future where people live in harmony with nature.</q>
3 We hope they succeed.</p>

6、使用 <cite> 标签来定义作品的标题：<cite> 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。

7、<pre></pre>标签和<code></code>标签都是用来表示计算机的源代码，我们想在网页上面显示一段代码时，就需要用到<pre>他直接保留了块中的所有的样式。

 1 <pre>
 2 &lt;html&gt;
 3 
 4 &lt;head&gt;
 5   &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
 6 &lt;/script&gt;
 7 &lt;/head&gt;
 8 
 9 &lt;body&gt;
10 
11   &lt;script type=&quot;text/javascript&quot;&gt;
12     xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>(&quot;books.xml&quot;);
13     document.write(&quot;xmlDoc is loaded, ready for use&quot;);
14   &lt;/script&gt;
15 
16 &lt;/body&gt;
17 
18 &lt;/html&gt;
19 </pre>

值得注意的是我们的各种符号的表达：比如 "&lt;" 代表 "<"，"&gt;" 代表 ">" “&quot;”代表引号。

8、今天在<frameset></frameset>这组标签上花的时间较多，原因是HTML5中不支持这组标签，这组标签使用的时候不需要<body></body>，与<frame>标签联合使用。

如果想实现以下效果：在同一个网页分成两个框架实现跳转

第一步要先创建3个html文件：chap1.html chap2.html chap3.heml用于设计该页面的样式

第二步需要一个html文件:toc.html在其中写一个列表用于点击

1 <h1>实现一个网页内部框架跳转</h1>
2 <ul>
3     <li><a href="chap1.html" target="view_frame">Chap1</a></li>
4     <li><a href="chap2.html" target="view_frame">Chap2</a></li>
5     <li><a href="chap3.html" target="view_frame">Chap3</a></li>
6 </ul>

第三步创建一个html文件:divi.html用于实现网页的框架分隔：

1 <frameset cols="200,*">
2     <frame src="toc.html">
3     <frame src="chap1.html" name="view_frame">
4 </frameset>

这一步是最重要的也是核心，cols表示第一块分隔的大小*表示自适应，第一个<frame>标签中的src连接到我们用于点击的列表显示在页面左边,第二个<frame>显示在页面右边

src来定义初始化页面这里是chap1.html，再给这个标签命名为view_frame，需要注意在toc.html页面中我们写了列表的连接这里target方式是framename即自命名方式，需要

与<frame>中的name一致。

 

还有很多小标签就不一一提出来了，今天学习的新标签就先写到这这里，以后在学习的时候应该提前去看看现在的网页大多都用到哪些重要标签和属性再做针对性的学习，不然像这样

每个标签都去记去背效率就太慢了

 

posted on 2017-03-09 20:11  Vera-Blogs  阅读(145)  评论(0)  编辑  收藏  举报

导航