今天咱们简单聊聊HTML

目前我们使用的是HTML5版本

HTML全称：Hypertext Markup Language

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

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

---

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

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

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

注释书写格式：< !--   注释内容  -->       

快捷键：CTRL+?         (注推荐使用VS code代码编写器)

 

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

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

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

 

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

如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>	标题，从h1~h6
<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

 

 

 

 

 

 

 

 

 

 

 

 

　　　

 

好文要顶 关注我 收藏该文  

kevin1996
关注 - 0
粉丝 - 0

0

0

posted @ 2020-08-01 20:22  kevin1996  阅读(0)  评论(0)  编辑  收藏

刷新评论刷新页面返回顶部