（一）HTML学习笔记:基本知识、常用标签

he_hongyu

已于 2022-11-08 13:28:07 修改

阅读量371

点赞数 1

分类专栏：前端学习文章标签： html 学习

于 2022-11-01 14:53:08 首次发布

本文链接：https://blog.csdn.net/he_hongyu/article/details/125963728

版权

前端学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文仅用作学习记录，学习视频为B站的pink老师

文章目录

HTML基本知识

网站：是指在因特网上根据一定的规则，使用HTML等制作的，用于展示特定内容相关的网页的集合。
网页：网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本要素。
HTML:超文本标记语言
常用的浏览器–内核：IE–Trident、火狐(Firefox)–Gecko、谷歌(Chrome)–Blink、Safari–Webkit、Opera–Blink等。
Web标准：结构–HTML，表现–Css，行为–Javascript

<!DOCTYPE html>

文档类型声明，告诉浏览器使用哪种HTML版本来显示网页。这是HTML5申明形式。

<html lang=“en”>

lang:声明html的语言
en:english、英文网页
zh-CN:中文、中文网页
注：但是对于文档来说，定义为en也可以显示中文，定义为zh-CN也可以显示英文。用在网页翻译时，识别语言。

<meta charset=“UTF-8”>

charset：通过定义这个属性，来规定HTML文档应该使用哪种字符编码。
常用的有：GB2312、BIG5、GBK、UTF-8(万国码)

路径

绝对路径
相对路径：相对于html页面的位置
同一级路径:
下一级路径：/
上一级路径：…/ （两个点）

常用标签

标题标签

<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>
一共六级,作为标题使用，根据重要性递减

段落标签

<p></p>
用于定于段落，文本在段落中会根据浏览器窗口的大小自动换行。
段落与段落之间保有空隙

换行标签

<br />
在HTML中，一个段落中的文字会从左到右依此排序，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用此标签。
注：单标签；此标签只是简单的开始新的一行，而段落标签会在段落之间插入一些垂直的间距。

文本格式化标签

<strong></strong>或<b></b> 加粗
<em></em>或<i></i> 倾斜
<del></del>或<s></s> 删除线
<ins></ins>或<u></u> 下划线
前者的语义更加强烈，后者仅表示功能，没有语义。例如在盲人浏览网站时，使用<strong></strong>就会重读，而使用<b></b>不会

分区标签

<div></div> 单独占一行
<span></span>可以几个span占一行
没有语义，用来划分区域的

图像标签

<img src=“图像的路径” />
注：src属性是图像标签所必须的
其他属性：
alt：替换文本，图像不能显示时显示的文字
title:提示文本，鼠标放到图像上，显示的文字
width/height/border:数值为数字(像素)

超链接标签

<a href=“跳转目标”></a>
herf:必须要的属性，指定链接目标的url地址。链接到其他任何网页，输入其网址即可。
链接到当前项目中的页面称为内部链接；
链接到其他网站，称为外部链接；
herf值为#时，代表其为空链接；
当herf值为压缩包文件时，为下载链接；
当herf值为网页元素，如文本、图像、表格等时，为网页元素链接；
herf值设置为#xxx，在其要到达位置，增加属性id=xxx，则可以快速的跳到这个位置，此为锚点链接；
属性target:用于指定链接页面的打开方式。_self默认值，在当前窗口打开页面；_blank在新窗口打开页面