简单概述HTML

HTML全称：Hypertext Markup Language

---

 

目前我们使用的是HTML5版本

中文翻译为：超文本标记语言    注这里标记，记标，标签都可以。

作用是什么呢？用于定义网页结构，通俗来讲，把搭建网页比作盖房子，而HTML就是来帮助我们搭建房子的地基，内部结构的。

---

 

 

HTML代码分为HTML的注释与HTML的元素

HTML注释效果为浏览器在解析我们HTML代码时忽略，不会在用户的展示网页中展示。

作用是方便我们后台开发者，与维护者查看。

注释书写格式：< !--   注释内容  -->        快捷键：CTRL+?(注推荐使用VS code代码编写器)

 

HTML元素（这里写几个出现频率高的元素，后边博客中会慢慢补充）

1.元素书写格式：起始标记+内容+结束标记

例如：<h1>hello word</h1>

 

有些元素可以添加属性（a元素，用于添加链接，使元素可以点击）

如：<a href="地址">页面显示内容</a>

　　<a href="地址">为起始标记：
标记名<a>＋属性      {href="地址"}

 

 

a元素的拓展功能
网页跳转	<a href="跳转网址">内容</a>
	<a href="跳转网址"target="_blank">内容</a> 　　　　　　　　　　target=""为页面打开方式 　　　　　　　　　　_blank新建一个窗口打开页面 　　　　　　　　　　_self为默认值，当前窗口上打开新页面
功能链接：	<a>标签也可以作为锚点，在本网页跳转
	锚点操作步骤为:在要跳转的元素内添加id值（id值为唯一），然后在锚点处写下属性值#加你想添加的属性值 　　　　　　　id值与属性值相同，才能跳转。 　　　　　　　　　如:<a href="#f70">F70</a> 　　　　　　　　　　　　　　......... 　　　　　　　　　　<h1 id="f70">F70</h1>
发送邮件	<a href="mailto:邮箱地址">
拨打电话	<a href="tell:电话号码">

 

 

 

 

 

 

　　　　　　　　

空元素：没有内容跟结束标记	如:<img src=""alt="">插入图片    (此元素用于 HTML文档中插入图片)
<p></p>	段落标签
<h1></h1>	标题标签，只要6个，依次字体减小
<strong></strong>	文字加粗 ，阅读浏览器读音加重（阅读浏览器比如音频小说）
<em></em>	文字斜体，阅读浏览器读音加重
<i></i>	文字斜体
<q></q>	小段文字引用自带引号，引用名人名言
<blockquote></blokquote>	大段引用自带左侧缩进《2个汉字》，引用文章段落或整个文章
<cite></cite>	当标签时：元素内容自带斜体《代表引用》 当属性名时：表示引用的内容来自哪里
<abbr title=”HyperText Markup Language”>HTML</abbr>	缩写专业术语，当鼠标在上时，显示起全称
无语义元素
<div></div>	无语义，表示页面中 的一块区域
<span></span>	无语义 ，仅给一小段文本添加样式
<pre></pre>	无语义，html怎么写网页上就怎么显示 以下元素为HTML5新增语义化元素
<header> </header>	表示页面或者某个区域的头部
<nav> </nav>	表示导航栏
<aside></aside>	跟主要内容相关的附加内容
<articl></articl>	文章的主要内容或者可独立页面的内容
<section></section>	表示一个的一部分主题
<footer></footer>	用于表示页面的底部或者某个区域的底部
实体字符 　　书写格式：&实体字符;
&nbsp;	空格
&gt;	大于符号
&lt;	小于符号
&copy;	版权符号
&amp;	&符号

接下来说几个其他的内容。

关于常见的元素嵌套问题，首先我们要了解什么是元素嵌套

有些元素可以包含多个元素，形成像俄罗斯套娃一般，我们称为元素的嵌套。

1、若A元素直接包含B元素：A为B的父元素或祖先元素，B为A的子元素或后代元素

2、若两个元素有同一个父元素:他们互为兄弟元素

<a>标签不能相互嵌套
<p>不能嵌套<p>标签
不能嵌套划分区域的标签
不能嵌套标题h1-h6