文档声明与字符编码与常用标签

九阈

已于 2022-03-22 22:23:06 修改

阅读量164

点赞数

分类专栏： # html 文章标签： html5

于 2022-03-22 22:12:46 首次发布

本文链接：https://blog.csdn.net/weixin_46048542/article/details/123667510

版权

html 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

请添加图片描述

1.文本标题(h1-h6)

2.段落文本§

3.换行(br)

4、水平线

5.加粗有两个标记(推荐strong)

6、倾斜有两个标记(推荐em)

7、删除线有两个标记(推荐del)

8、扩展

<u>文本</u>下划线
<sub> </sub>下标
<sup> </sup>上标

案列1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--介绍基本的html标签-->
		<h1>最大的标题</h1>
		<h2> . . . </h2>
		<h3> . . . </h3>
		<h4> . . . </h4>
		<h5> . . . </h5>
		<h6>最小的标题</h6>

		<p>这是一个段落。</p>
		<br> （换行）
		<hr> （水平线）

		<!--无序列表-->
			<ul>
    			<li>项目</li>
    			<li>项目</li>
			</ul>

		<!--有序列表-->
			<ol>
			    <li>第一项</li>
			    <li>第二项</li>
			</ol>
			
		<!-- 基本的文本格式化-->
			<b>粗体文本</b>
			<code>计算机代码</code>
			<em>强调文本</em>
			<i>斜体文本</i>
			<kbd>键盘输入</kbd>
			<pre>预格式化文本</pre>
			<small>更小的文本</small>
			<strong>重要的文本</strong>
			<abbr> （缩写）
			<address> （联系信息）
			<bdo> （文字方向）
			<blockquote> （从另一个源引用的部分）
			<cite> （工作的名称）
			<del> （删除的文本）
			<ins> （插入的文本）
			<sub> （下标文本）
			<sup> （上标文本）

</body>
</html>

请添加图片描述

案列2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <strong>强调，文本加粗</strong>
     <em>强调，文本斜体</em>
     <p>
         a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
         H<sub>2</sub>O
     </p>
     <!-- del/ins删除文本/插入文本 -->
     <p>促销：原价<del>300</del>,现价<ins>200</ins></p>
</body>
</html>

请添加图片描述
HTML的基本语法

’复制
请添加图片描述

鼠标在这，按shift+Alt+向下箭头
案列3

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <hr color="green" width="300">    
    <hr color="green" width="600">    
    <hr color="red" width="600" align="left">
    <hr color="red" width="600" align="right">
    <hr noshade>    
</body>
</html>

请添加图片描述 特殊符号

案列4

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        上一讲 &lt; hr noshade /&gt;
    </p><br>
    <p>&nbsp;&nbsp;ccccc</p><br>
    <p>&emsp;&emsp;ccccc</p><br>
    &copy;<br>
    &trade;<br>
    &reg;<br>
    <p>&#128514</p><br>
</body>
</html>

请添加图片描述
div和span标签
div标签，没有具体含义，用来划分页面的区域，独占一行。
span没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

 <h3>体育<span style="color: red;">sports</span></h3>

请添加图片描述

九阈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文档声明与字符编码与常用标签

1.文本标题(h1-h6)2.段落文本§3.换行(br)4、水平线5.加粗有两个标记(推荐strong)6、倾斜有两个标记(推荐em)7、删除线有两个标记(推荐del)8、扩展文本下划线 下标 上标案列1<!DOCTYPE html><html lang="en"><head> <...
复制链接

扫一扫