一、什么是html
-
html：超文本标记语言
-
通过使用html可以开发web页面
html中包含的是标签
- 标签就是说用<>括起的内容
举例：用html标签显示一个标题和图片
# 第一步：创建一个后缀是html文件
# 第二步：用记事本打开文件，并在文件中写入内容
<h1>标题1：这是我们的第一个案例</h1>
<h3>测试页面</h3>
# 第三步：用浏览器打开html文件展示如下
二、 html文件结构
<html>
<head>
<title> </title> // 显示在页面的标签中的信息
</head>
<body>
// 显示文件网页内容中的部分
</body>
</html>
举例：标签部分显示为：测试页面；页面内容为：aaaaaaaaaaaaaa
<html>
<head>
<title>测试页面</title>
</head><body>
<h2>aaaaaaaaaaaaaa</h2>
</body>
</html>展示如下
三、html的标签
3.1标题标签
-
标题标签有6个，h1~h6
-
h1定义最大的标题
-
h6定义最小的标题。
<html>
<head></head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>展示如下
3.2 换行标签
-
html中，默认是不会换行的
-
换行标签是br，这是一个单边标签（可以使用<br>或者</br>）
<html>
<head></head>
<body>
窗前明月光，<br>
疑是地上霜。<br>
举头望明月，<br>
低头思故乡。<br>
</body>
</html展示如下
3.3 段落标签
-
也是用来实现换行的
-
标签是p
-
p换行与br换行的区别在于p换行以后，默认会多一个空白行
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>2月15日 消息:今日，中消协发布春节消费维权舆情分析报告，公布数据称，监测期内，共收集有关“电影”类负面信息205819条，每日舆情主要指向票价方面。<p>中消协表示，继去年春节档票价被广泛吐槽后，今年春节档平均票价再创新高，许多有观影意愿的消费者，因高票价望而却步。</p></p><p>对此，中消协建议，电影市场银幕过剩与内容短缺的结构性难题，疫情波动与政策影响的多种现实挑战，迫使影院通过提高票价缓解现金流紧张的窘境，从产业短期止损的角度来说或许可以理解，但观影人数普遍减少、观影频次持续走低的事实，却说明单纯的票价依赖无异于竭泽而渔、饮鸠止渴。</p>
</body>
</html>展示如下
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
