Web学习笔记之html基础操作_常用标签（一）_2020_03_24
程序员文章站
2022-05-07 21:46:51
...
本节概要：
1、h标签、
2、文本常用标签
3、文本修饰标签
一、HTML简要介绍及学习内容
HTML：超文本标记语言，主要作用是用来编写网站页面。
超文本：文本是含有完整含义的文字组成的段落或者文件，超文本是在表达形式上超出文字范围：
超链接: 含有跳转的对象，如：图片， 声音， 视频
标记：指的的HTML的代码风格，HTML依赖标签进行内容的表述：
标签：<标签名称 属性=”值”>
单标签：<标签名称 属性=”值”>
双标签：<标签名称 属性=”值”></标签名称>
二、常用HTML标签
1、h标签
标题标签，一共是h1-h6六个等级，在html当中代表标题。
2、文本常用标签
① p标签 文本标签,通常用来存放文字，一个p占一行，html当中大段的文字通常是用p标签表示的。
② br标签 换行（单标签）
③ hr标签 独立一行一条水平线
④ span标签
⑤ 一次代表一个空格
⑥ > >大于
⑦ < <小于
代码展示：
<!DOCTYPE html>
<html lang="en"><!--指定语言-->
<head><!--头部-->
<meta charset="UTF-8"><!--指定字符集-->
<title>Title</title> <!--标题-->
</head>
<body><!--内容-->
<!-- ①html文本常用标签 -->
<p>1、使用文本内容去表达</p><!-- 文本标签 一个p一行 -->
<p>2、使用文本内容<br>去表达</p> <!-- br标签用于换行 -->
<p>3、使用文本内容<hr>>去表达</p><!-- hr标签换行一条线 -->
<p>4、使用文本内容 去表达</p><!--  空格表示 -->
<p>5、hello<wrold</p><!-- <符号< -->
<p>6、hello>wrold</p><!-- &ge符号> -->
</body>
</html>
<!-- -->
网页展示:
3、文本修饰标签
① i 倾斜 具有语句含有，表示强调
② em 倾斜 只是倾斜（单标签）
③ b 加粗
④ strong 加粗，这个加粗带有强烈的强调含义
⑤ u 下划线
⑥ del 删除线
代码展示：
<!-- ②html文本修饰标签 -->
<i>稳稳c9___html学习笔记</i> > <!-- 倾斜，具有语句含有，表强调 -->
<em>文本修饰标签</em> ><!-- 仅仅倾斜 -->
<b>第二阶段</b> > <!-- 加粗 -->
<strong>Web学习</strong> > <!-- 加粗，表强调 -->
<u>hello</u> > <!-- 下划线 -->
<del>world</del> <!-- 删除线 -->
网页展示：
新闻案例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- ③新闻案例 -->
<h1>有一些镜头温暖洋溢</h1>
<hr>
10月16日，皮海云在江西新干黎山林场连坑分场向记者介绍林地情况。<br>
今年<strong>49岁</strong>的皮海云是江西省吉安市新干县黎山林场的护林员，
<u>1989年</u>起开始从事护林、育林工作。他在林区巡视平均每天要走<strong>20多公里</strong>，
30年的时间里累计行走<strong>20余万公里</strong>，黎山林场处处留下他的足迹。<br>
30年来，皮海云看护的林区从未发生过大面积森林病虫害，以及重大侵占林地等案件。
皮海云多次被林场评为劳动模范、优秀*员，<i>还于2018年荣获新干县“十佳最美职工”称号</i>。
</body>
</html>
网页效果：
下一节，将介绍盒子标签，图片标签，超链接标签，列表标签
上一篇： (作业)Swift类的属性与方法
下一篇： 什么是分布式锁