【第二周】html常用标签，认识浏览器

最新推荐文章于 2024-08-09 10:42:44 发布

MeetChen123

最新推荐文章于 2024-08-09 10:42:44 发布

阅读量277

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/MeetChen123/article/details/123919596

版权

html常用标签

html概述

html: 超文本标记语言，它是制作网页的标准语言。HTML不区分大小写
标签：
1.html的标记就是标签
2.由尖括号包围，比如<title>
3.通常是成对出现的

但有些标签是单独出现的，它的结束部分直接用斜杠,例如<img />
标签的嵌套
标签的嵌套不能交叉嵌套或者相互嵌套
嵌套形成的外层元素和内层元素
父元素，子元素，兄弟元素（同一个父元素的两个元素），祖先元素，后代元素。
标签的内容
一个标签可能有多个属性，属性的先后顺序无关

html文件结构

基本结构

<html>
     <head>   //头部，浏览器、搜索引擎所需内容
         <title> </title>
     </head>
     <body>   //主题，网页中包含的具体内容
     </body>
</html>

完整图

    <!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>
        
    </body>
    </html>

<!DOCTYPE html>

文档声明，告诉浏览器当前文档使用的html标准是html5
不写文档声明，将导致浏览器进入怪异渲染模式。

<html lang="en">
</html>

根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素。

lang属性，language,全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
en英文，zh中文

<head>

</head>

文档头，文档头内部的内容，不会显示到页面上。

<meta>

元数据，附加信息。
charset属性：字符集编码方式
UTF-8 是 Unicode 编码的一个版本

<title>Document</title>

网页标题

<body>
</body>

文档体，页面上所有要参与显示的元素，都应该放置到文档体中。

HTML标签(1)

1.1 h1~h6
标题

 <h1>标题内容<h1>

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

显示效果
一个页面建议只有一个h1

1.2 p
段落

<p>段落内容</p>

    <p>这是段落，每个段落自动换行。</p>
    <p>这是段落，每个段落自动换行。</p>
    <p>段落内部文字忽略连续空      格，
    
也不会显示空行，且不会换行。
    </p>

在这里插入图片描述

1.3 br
段内换行

<br/>

<p>这是一个段落。<br/>注意规范的写法。</p>

在这里插入图片描述

空格字符 &nbsp;

&nbsp;

特别注意分号

<p>段落内部文字忽略连续&nbsp;&nbsp;&nbsp;空格，
<br/>
也不会显示空行，且不会换行。
</p>

在这里插入图片描述

1.4 pre

预留格式
在这里插入图片描述

1.5 span
行内组合
在这里插入图片描述

1.6 hr
水平线
在这里插入图片描述

注释
在这里插入图片描述

HTML标签（2）

2. a
超链接
在这里插入图片描述

HTML标签（3）

3. img
插入图像
在这里插入图片描述

HTML标签（4）

4.1 div
区域
在这里插入图片描述

4.2 ul
无序列表
ul列表项
在这里插入图片描述

4.3 ol
有序列表
在这里插入图片描述

4.4 table
表格
在这里插入图片描述
表格tab th
表头单元格式<th>

在这里插入图片描述

HTML标签（5）

5.1 form表单
在这里插入图片描述

5.2 input
文本框，密码框
在这里插入图片描述

5.3 select
下拉列表框
在这里插入图片描述

5.4 textarea
文本域
在这里插入图片描述

认识浏览器

浏览器是网页运行的平台，常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。
浏览器分为两大部分：shell+内核，内核=呈现引擎+JS引擎（这是两个不同的东西，即使渲染引擎相同，js引擎也不一定相同，safari和chrome都是相同的webkit渲染引擎，但是使用了不同的JS引擎）。
浏览器详情点这里
浏览器结构
推荐使用谷歌浏览器和edge，兼容性比较好

MeetChen123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【第二周】html常用标签，认识浏览器

html常用标签html概述html: 超文本标记语言，它是制作网页的标准语言。HTML不区分大小写标签：1.html的标记就是标签2.由尖括号包围，比如<title>3.通常是成对出现的但有些标签是单独出现的，它的结束部分直接用斜杠,例如<img />标签的嵌套标签的嵌套不能交叉嵌套或者相互嵌套嵌套形成的外层元素和内层元素父元素，子元素，兄弟元素（同一个父元素的两个元素），祖先元素，后代元素。标签的内容一个标签可能有多个属性，属性的先
复制链接

扫一扫