山西农业大学20240914

最新推荐文章于 2024-09-14 18:46:05 发布

Jia_dongyao

最新推荐文章于 2024-09-14 18:46:05 发布

阅读量323

点赞数 4

分类专栏：山西农业大学文章标签： java

本文链接：https://blog.csdn.net/2401_86991268/article/details/142244887

版权

山西农业大学专栏收录该内容

13 篇文章 2 订阅

订阅专栏

01-HTML

- 一. HTML

一. HTML

1.0 前期准备

1.1 什么是HTML?

超文本标记语言(Hyper Text Markup Language)

简单理解为网页, html页面也称为 网页
超文本 : 具备功能的文本; 文本信息, 图片, 视频, 音频等
标记: HTML语法是一个标签 <标签名>
语言: 英文有英文的语法,中文有中文的语法, html有html语法
HTML标签有语法含义, 由大量标签组成, 文件的后缀 xxx.html
HTML文件要运行在 浏览器中 (谷歌, Edge, 火狐)

1.2 HTML基础语法

标记, 元素, 标签: 使用<>括起来的关键字, 具备一定的功能 <关键字></关键字>
标记分类:

双标记 : 封闭类型的标记
<关键字>内容区域</关键字>
单标记,又称为空标记
<关键字>或者 <关键字/>

1.3 HTML嵌套

双标签的内容区域中, 编写其他的标签
父元素
子元素
嵌套有语义要求, 必须添加缩进 (2个空格)
嵌套顺序正确 — 后面讲

<div>  ---- 父元素
   <p>内容部分</p>   ---- 子元素
   <a>内容部分</a>
</div>

1.4 HTML文档结构

<!--
    注释: 不被浏览器编译执行的语句
    注意: 注释不能嵌套
-->
<!--
    文档类型声明: 告诉浏览器使用H5的规则来解析当前页面
    必须写在html文件的第一行
-->
<!DOCTYPE html>
<!--
    双标签: 代表网页的开始和结束, 包裹所有的html标签
    要求: 1. 一个页面只能出现一对html标签
         2. html标签必须写成根元素, 只能包裹 head 和 body标签
            lang="en" 表示英文网站
            lang="zh_CN" 表示中文网站
-->
<html lang="en">
<!--页面的头元素容器, 规定了一些配置信息-->
<head>
    <!--   meta：元数据: 不止一个;编写网站一些辅助信息 -->
    <!--   整个网站采用国际编码，意思是无论我的网页写哪个国家的语言，都能很好的编译 -->
    <meta charset="UTF-8">
    <!--   对于本项目的介绍 -->
    <meta name="Description" content="网站的简介">
    <!--   网站标题 -->
    <title>我的第一个网页</title>
</head>
<body>
<!--
    网页主体：默认情况下，网页的宽度是有限的，高度是无限的
-->
你好，Hello World！
</body>
</html>