码迷,mamicode.com
首页 > Web开发 > 详细

html部分标签

时间:2020-07-18 00:29:34      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:默认   路径   部分   添加   打字机   键盘输入   class   tle   地方   

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、对于段落<p>标签,其对于<p></p>之间的文本的多处空格和换行等会采取缺省行为,即默认多处换行和空格都将作为一个空格处理。

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

该例子执行后的结果为:


hello world

h e l l o


 

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

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

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

 

 

 

以后再补充别的。

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

 

html部分标签

标签:默认   路径   部分   添加   打字机   键盘输入   class   tle   地方   

原文地址:https://www.cnblogs.com/zcx-share/p/13334065.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!