HTML教程-简介

最新推荐文章于 2024-07-25 11:52:08 发布

清温

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量51

点赞数 2

文章标签： html 前端

本文链接：https://blog.csdn.net/m0_67554048/article/details/127073418

版权

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

我们可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题

<p> 元素定义一个段落

<!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>
    <!-- 一级标题 -->
    <h1>今天天气不错</h1>
    <!-- 二级标题 -->
    <h2>这是我的页面</h2>
    <!-- 三级标题 -->
    <h3>同学们你们好</h3>
    <!-- 用标签包裹 -->
    <!-- 1.标题标签 h1 .h2 h3 h4 h5 h6  默认样式：字体放大，字体加粗，而且独占一行
         语义：就是个标题，h1==>h6，语义是逐步降低的，h1的语义是最重的，一般一个页面
        只有一个h1，一般常用的h1-h3-->
    <!-- 2段落标签 p 
       默认样式：段落与段落之间有空白的间距；独占一行
    语义：一个自然段-->
    <!-- jw20+enter 随机生成20的字符 -->

    <p>二帮为第在皇徒胜不头山定人感者与的我朗。着中病家严因了羊
        五将勉回一就，原是才联看天有王，始李非李未商釜间十战心，
        上为上之五下，路那起评，反。</p>
    <p>不的死后，非知妙绛贼等发，恨勉性攻重畴。</p>

    <p>弟己他外才是保尝俭。</p>
    <!-- 3.强调标签：em或 strong
        默认样式：em有一点斜体，强调语音语调 strong加粗，强调内容的重要性
 都没有独占一行           强调重点不一样 ，但实际开发中不会太过细致区分  -->
    <p>同学们你们可<em>真帅</em>
        同学们你们可<strong>真帅</strong>
    <p>你们可<em>真</em><strong>帅</strong></p>
    </p>
    <hr>
    <!-- 换行标签 br 自结束标签-->
    <h1>古诗一首</h1>
    <h3>杜甫</h3>
    离离原上草，<br>
    一岁一枯荣。<br />
    野火烧不尽,<br>
    春风吹又生。<br>
    <!-- 6.分割线 hr -->
    <hr>
    <!-- 7.标题分组标签 hgroup   -->
    <hgroup>
        <h1>古诗一首</h1>
        <h3>杜甫</h3>
    </hgroup>
    离离原上草，<br>
    一岁一枯荣。<br />
    野火烧不尽,<br>
    春风吹又生。<br>
    <!-- 8.引用标签  -->
    孔子曰：<q>学而时习之</q>
    <!-- 9.居中  center -->
    <center><hgroup>
        <h1>古诗一首</h1>
        <h3>杜甫</h3>
    </hgroup>
    离离原上草，<br>
    一岁一枯荣。<br />
    野火烧不尽,<br>
    春风吹又生。<br></center>
    <!-- 10.del标签 删除线标签 -->
    原价：<del>19999</del>  <br>
    现价：333
    <!-- 11.div没有任何语义的块标签,会独占一行 -->
    <div>大家晚自习结束后不要忘记打扫卫生</div>
    <!-- 12.span标签 没有任何语义的行内标签,一般只用来包裹文字 -->
    <span>打扫完后可以拍照发群里</span>

</body>

</html>