html部分标签

1、一个完整的HTML文件，包含了html，head，title，body等。如下面例子：

<html>
<head>
<title>tag test</title>
<meta charset="utf-8">
</head>
<body>
<p>hello world</p>
</body>
</html>

上面例子中title元素并不会在浏览器页面上显示，而是显示在标题栏，显示在浏览器页面的是body中的元素（即例子中的p段落元素）。其中，该例子中meta元素所体现的作用是表明该页面采用的字符集为"utf-8"。还可在head标签中添加script标签表明所使用的库文件的路径（此以后再详解）。

2、对于段落标签，其对于之间的文本的多处空格和换行等会采取缺省行为，即默认多处换行和空格都将作为一个空格处理。

<html>
<body>
<p>hello         world             </p>
<p>h
e
l
l
o
</p>
</body>
</html>

该例子执行后的结果为：

hello world

h e l l o

若要使得这些空格和换行不可忽略，可采用预格式文本，即标签<pre></pre>，（英文名：Preformatted Text）此会保留所设计文本的空格和换行，常用于计算机代码。

<html>
<body>
<pre>
for i = 1 to 100
    print i
next i
</pre>
</body>
</html>

执行结果：

for i = 1 to 100
     print i
next i

另：用于计算机或编程代码字体的标签有<code>（计算机代码computer code），<kbd>（键盘输入keyboard input），<tt>（打字机字体teletype），<samp>（样本文本sample text），
<var>（变量文本variale）。

3、大家常见的百度文库中的一些缩略词的应用，当你的鼠标移至缩略词上时会显示其缩略词完整的词组，该效果的实现可以依靠标签<abbr>和<acronym>，利用二者的属性title来说明缩略词的完整的词组。需要注意的是HTML5不支持标签<acronym>，故而要采用<abbr>

<html>
<body>
<abbr title="artificial intelligence">AI</abbr>
<hr/>
<acronym title="File transfer protocol">FTP</acronym>
</body>
</html>

4、HTML中的<blockquote>标签如英文所翻译的一样，为块引用，在使用时其与（段标签即短引用）区别在于块引用会默认有左右缩进，即有外边距，一般为40px，

相当于我们键盘上的一个Tab键。其余的效果与标签无差。

5、框架的概念是每一个HTML文档都是一个框架，你可以通过框架的应用在一个浏览器窗口中显示多个页面，每个框架之间都是互相独立的，也就是将一整个页面分割成多个框架。引用外部框架时主HTML文档不需要加上<body>标签，直接在大框架<frameset>中的<frame>添加上src属性，其属性值为外部框架的路径。另，为保证完整性，当框架无法加载时应当显示必要的提示，可以采用在<noframe>标签中添加<body>及其其他元素

<html>
<frameset rows="30%,40%,30%">
<frame src="/example/demo/frame_1.html">
<frame src="/example/demo/frame_2.html">
<frame src="/example/demo/frame_3.html">
<noframe>
<body>
<p>it can not show the frame</p>
</body>
</noframe>
</frameset>
</html>

<frameset>的属性有cols（列）和rows（行），<frame>的属性包含noresize来指定框架是否可调整大小，即若noresize=“noresize”表明大小不可调，若无特别设置，则默认时可调的；frameset可相互嵌套来形成混合框架。若要显示HTML页面的框架，即采用内联框架<iframe>，此就要置于<body>中

以后再补充别的。

第一次写发表的东西，大家看着参考参考就好，有什么不对的地方欢迎指出啊

posted @ 2020-07-17 23:28 正义的小怪兽z 阅读(96) 评论(0) 收藏举报

刷新页面返回顶部

15920169769

html部分标签

公告