HTML总结

仙女不讲-李

已于 2022-03-24 20:53:25 修改

阅读量270

点赞数

文章标签：前端

于 2022-03-24 19:04:31 首次发布

本文链接：https://blog.csdn.net/m0_65282357/article/details/123718861

版权

一、网页定义

网站：网页的集合。
网页：网页是构成网站的基本元素，网页是构成网站的基本元素，由图片、视频、文字、声音等元素组成的，俗称HTML文件。

二、HTML

HTML是超文本标记语言（Hper Text Markup Language),是用来描述网页的一种语言。

常用浏览器：IE、火狐、谷歌、safari、opera、Edge浏览器。

web标准的构成：结构（对网页元素进行整理和分类）

表现(用于设置网页元素的板式）

行为（网页模型的定义及交互的编写）

2.1 <!DOCTYPE>文档声明:作用就是告诉浏览器使用哪种HTML版本来显示网页。

2.2 charset （character set)字符集：是多个字符的集合，以使计算机能够识别和存储各种文字

常用的值有GB2312（简体中文）、BIG5（繁体中文）、GBK（包括简体和繁体中文）

UTF-8（也被称为万国码，基本包含了全世界所有国家需要的字符）

三、HTML标签

主要分为单标签和双标签，双标签是成对出现的，单标签只有一个标签，如<br/>、<img>、<link>

基本结构标签

标签名	定义	说明
<html></html>	HTML标签	页面中的最大的标签，我们称为根标签
<head></head>	文档头部	在head标签中必须要设置的标签是title
<tltle></title>	文档标题	让页面拥有一个属于自己的网页标题
<body></body>	文档主体	元素包含文档的所有内容，页面内容基本都是放到body里面的

常用标签

1.1 段落标签

字号会依次变大，且一个标题独占一行

1.2 换行标签

</br> 此标签第一个单标签

1.3 段落标签

<p></p>

1.4 盒子标签

<div></div>用来布局，但是一行只能放一个

<span></span>也是用来布局，一行可以放多个

1.5 图像标签

其中src是指图片路径

1.5.1 路径问题

	符号	解释
同一级路径		图形文件位于 HTML 文件同一级如< img src="1.png">
下一级路径	/	图形文件位于 HTML 文件下一级如 < img src="images/1.png">
上一级路径	../	图形文件位于 HTML 文件上一级如 < img src="../1.png">

1.6 超链接链接

1.7 文本格式化标签

语义	标签
加粗	<strong></strong>或者<b></b>
倾斜	<em></em>或者<i></i>
下划线	<ins></ins>或者<u></u>

四、行内元素、块元素和行内块元素

	特点	举例
行内元素	相邻行内元素在一行上，一行可以显示多个高度、宽度直接设置无效只能容纳文本或者其他行内元素	<a>/<strong>/<i>
块元素	独占一行高度、宽度都可以控制里面可以放行内元素和块级元素	<h1>~<h6>/<p>/<div>
行内块元素	同时具有行内元素和块级元素的特点	<imag>/<input>

特点

举例

行内元素

相邻行内元素在一行上，一行可以显示多个

高度、宽度直接设置无效

只能容纳文本或者其他行内元素

块元素

独占一行

高度、宽度都可以控制

里面可以放行内元素和块级元素

行内块元素

同时具有行内元素和块级元素的特点