Html常用标签(部分1)

1.<!--…->(单标签)

        作用:标注释的意思

        用例:

<c:out value="Hello! " /> <br/> <!-- 这是注释 -->

2.< !DOCTYPE >(单标签)

        作用:用来指定页面所使用的XHTML(或者HTML)的版本。(最好在Html前加入,如果不    加入,浏览器对html的显示可能不完全,因为不同的浏览器对Html默认标准不同)

        用例:

<!--<!DOCTYPE html PUBLIC "引用的字符串" -公共标识符->-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--建议在以后都直接用 “<!doctype html>”,用 <!doctype html>的话就会开启浏览器的标准兼容模式。
-->

3.< a >(单标签)

        作用:超链接跳转标签。

        用例:

<!--<a href="url">链接文本</a>(url为网页地址)-->
<a href="https://blog.csdn.net/m0_55931684/article/details/124041750">csdn/a>

4.< html >(双标签)

        作用:创建一个 HTML 文档

        用例:

<!DOCTYPE html>
<html>  <!--起始标签-->
<body>
<p>这是第一个段落。</p>
</body>
</html>  <!--闭合标签-->

5.< head >(双标签)

        作用:设置文档标题和其他在网页中不显示的信息。(<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。)

        用列:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> <!--字符编码格式-->
<title>文档标题</title>
</head>
<body>
<!--文档内容......-->
</body>
</html>

6.< title >(双标签)

        作用:设置文档的标题

        用例:

<!DOCTYPE html>
<html>
<head> 
<title>文档标题</title>
</head>
<body>
</body>
</html>

7.<h1>-<h6>(双标签)

        作用:内容标题标签

        用例:

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
......
<!--hi,i越大字体越小-->

8.< pre >(双标签)

        作用:预先格式化标签,被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文    本也会呈现为等宽字体。

        用例:

<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>

9.< u >(双标签)

        作用:字体添加下划线

        用例:

<p>This is a <u>parragraph</u>.</p><!--paprragraph有下划线-->

10.< b >(双标签)

        作用:字体加粗

        用例:

<p>这是一个普通的文本- <b>这是一个加粗文本</b>。</p>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值