HTML的基础标签、文本标签、布局标签及特殊符号

前端学习经验(1)

HTML5

基础标签

<!DOCTYPE html> 声明为 HTML5 文档。

标签对中的第一个标签是开始标签<>,第二个标签是结束标签</>。

<html> 元素是 HTML 页面的根元素。

<head> 元素包含了文档的元(meta)数据</head>,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title>定义文档的标题</title>:在浏览器顶端显示输入的标题。

<body>HTML主体内容</body>:用于存放编写代码的主体的部分。
    
<hx>标题标签</hx>:x表示1,2,3... ,代表的是x号标题。

<p>段落标签</p>:一个<p>标签就是一个段落。

<br>换行标签:一个<br>就是换一行。

文本标签

<strong>字体加粗效果</strong>:此标签起字体加粗的效果。

<em>字体斜体效果</em>:此标签起字体倾斜的效果。

<small>文本缩小效果</small>:此标签起文本缩小的效果。

<big>文本放大效果</big>:此标签起文本放大的效果。

<pre>预格式化标签</pre>:此标签产生的效果为:输入的格式(包含空格与换行)将不会改变的进行输出。

<u>给文本加下划线</u>:此标签起给文本加上下划线的效果。(不建议使用,易与超链接【<a>标签】混淆)

<del>删除标签</del>:此标签起到删除文本的效果。

布局标签

行内标签:自己有多宽占多宽,不可以设置宽度和高度,不可以设置本身文字居中效果。如:<span></span>
<span></span>:此标签用来组合文档中的行内元素。

块级标签:默认独占一行,可以设置宽度和高度,可以设置内部的文本居中效果。如<div></div>
<div></div>:此标签可定义文档中的分区或节,可简单理解为定义了一个“块”或者定义了一个“盒子”或者一个“容器”。

特殊符号

&lt;尖括号&gt;:定义了前后尖括号< 尖括号>。
&nbsp;:定义了一个小空格。
&emsp;:定义了一个大空格。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值