HTML知识总结——常用标签、特殊符号、行内元素、块元素、有序列表与无序列表

大脸胖柴

已于 2023-01-10 14:26:35 修改

阅读量733

点赞数 1

分类专栏： web前端基础大前端 HTML 文章标签：学习 html5 html

于 2022-02-23 21:40:40 首次发布

本文链接：https://blog.csdn.net/TKY666/article/details/123098920

版权

web前端基础同时被 3 个专栏收录

22 篇文章 2 订阅

订阅专栏

大前端

16 篇文章 0 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

一.标题标签

代码：效果：

二.常用标签

水平线
<hr width="" align="" color="">
效果：

水平线属性：

width=" "设置水平线宽度； align=" "设置水平线对齐方式； left 水平居左对齐；center 水平居中对齐； right 水平居右对齐； color=" "设置水平线颜色

换行标签

<br>

列表标签

更详细的列表知识点击链接

https://blog.csdn.net/qq_43687594/article/details/118304929https://blog.csdn.net/qq_43687594/article/details/118304929

无序列表
<ul>
    <li>列表项</li>
    <li>列表项</li>
</ul>

有序列表
<ol>
    <li>列表项</li>
    <li>列表项</li>
</ol>

三.特殊符号

一些特殊符号在html超文本标记语言中是无法直接编写显示的，所以需使用一些定义好的特殊符号来代替，进行转码编译显示。

小于号 &lt；
大于号 &gt；
版权 © ©
& &
《》 «»
<> &lsaquo;&rsaquo;
￥ &yen
®注册商标 &reg
°摄氏度 &deg

空格：

&nbsp；小空格
&ensp；中空格
&emsp；大空格

四.总结块级元素与行内元素有哪些以及区别

块级元素

总是在新行上开始，占据一整行；
高度，行高以及外边距和内边距都可控制；
宽带始终是与浏览器宽度一样，与内容无关；
它可以容纳行内（内联）元素和其他块元素。

<div>...</div>

<h1>...</h1> 标题一级

<h2>...</h2> 标题二级

<h3>...</h3> 标题三级

<h4>...</h4> 标题四级

<h5>...</h5> 标题五级

<h6>...</h6> 标题六级

<hr> 水平分割线

<p>...</p> 段落

<ul>...</ul> 无序列表

<ol>...</ol> 有序列表

<dl>...</dl> 定义列表

行内块元素

行内元素

和其他元素都在一行上；
高，行高及外边距和内边距部分可改变；
宽度只与内容有关；
行内元素只能容纳文本或者其他行内元素

加粗
<b>内容</b>
<strong>内容</strong>强调

倾斜
<i>内容</i>
<em>内容</em>
强调

上下标
上标
<sup>内容</sup>

下标
<sub>内容</sub>

小号字体
<samll>内容</samll>

<img src=" ">

<span> </span>

<a href=""></a>

<label> </label>

<select> </select>

<botton> </botton>

<textarea> </textearea>