html基本格式和标签

天码型空

已于 2022-03-22 12:14:20 修改

阅读量1k

点赞数

分类专栏： HTML 文章标签： html css css3

于 2022-03-18 10:37:52 首次发布

本文链接：https://blog.csdn.net/wb0111/article/details/123568042

版权

5 篇文章 0 订阅

订阅专栏

注意：HTML是一种超文本标记语言，它不属于编程语言

一.文档的基本格式
在这里插入图片描述

二.文本格式化标签 <都是通过标签来美化文本外观>

行级标签（元素）：不会独占一行，且不识别宽高
块级标签（元素）：在浏览器中会独占一行。

1.加粗

<b>加粗</b>
<strong>加粗且强调</strong>

( b 和 strong : 都有加粗作用,且都是行级标签（不会自动换行），但strong还有强调作用。注:强调主要用于SEO时，便于提前对应关键字）

<i>文字</i>
<em>文字倾斜且强调</em>

( i 和 em ：都有强调作用，且都是行级标签（不会自动换行），em有强调作用。如果只是简单的倾斜效果，用 i 标签就可以）

<pre>预格式
    文本</pre>

（块级标签）会保留换行和空格及宽度，但文字字号会小一号。

<small>我是小一号</small>
<big>我是大一号</big>

注：都是（行级标签）big 在HTML5中淘汰了，但并没有删除，开发时不要使用淘汰的标签。

正常显示：<p> X1+X2=Y</p>

上标：<p>X<sup>1</sup>+X<sup>2</sup>=Y</p>

下标：<p>X<sub>1</sub>+X<sub>2</sub>=Y</p>

在这里插入图片描述

单标签建议闭合 / 书写
eg:

换行符：<br/>

水平线：<hr/>

图片标签：<img/>

文本标签：<input/>

link标签：<link/>

元信息标签：<meta/>

双标签由 “开始标签和结束标签” 两部分构成，必须成对使用

eg：

<head>  </head>
<p>  </p>
<h1>  </h1>

在这里插入图片描述

eg：

<p>5&lt;3</p>
<p>5&divide;3 </p>

在这里插入图片描述

关注