1. 是声明当前的网页是html5类型
html标签,里面包含head标签:里面包含meta标签和title标签
和body标签:主题内容在网页上显示
<html lang="en" >
这个是当前的语言环境为英语
<meta charset="UTF-8">
这个是编码格式,网页的编码格式全部默认为utf-8
2.标题标签:h标签
从<h1>
到<h6>
,加粗,字体从大到小,是块元素 按F12是检测界面
3.水平线标签:hr标签,自闭合标签,也是块元素
4.段落标签: <p>
标签,块元素,功能就是分段
5.折行标签:<br>
标签,自闭合标签,强制换行,块元素
6.文本格式化标签:
<b>
标签:加粗,行元素
<strong>
标签:加粗,行元素
<i>
标签:斜体,行元素
<em>
标签:斜体,行元素
<small>
标签:小号字
<sub>
标签:下标,行元素
<sup>
标签:上标,行元素
<del>
:删除键标签
<code>
标签:显示代码的标签,里面放的是代码,是行元素(只占自己内容区域)
<pre>
标签:预先格式化的标签,按照对应格式原样输出,只是字小一点,是一个块元素
7.时间地点标签: <time>
时间标签:time标签,行元素
<address>
地址标签:address,有斜体功能,行元素
8.超文本链接:<a>
标签,直接 a+tab 即可,是行元素
属性:<a herf="">
:跳转的路径,在等号后面加百度的域名或地址,一定要加协议名https,此时是在当前页面打开百度页面
<a herf="#">
:默认跳转当前页面顶部
<a href="" target="_blank">
:可以加target="_blank"属性,这样就能重新打开一个选项卡
herf路径可以是远程路径,也可以是相对路径
当你在浏览器输入一个网址,浏览器会对你的网址进行DNS解析,解析成公用的IP地址,
浏览器发送请求到远程终端,服务器接受响应,将数据返回到浏览器
浏览器对数据进行解析,再渲染到网页,此时你就能看见百度页面
一个点 “a href=”./"表示从当前文件向外跳转一级
9.图像标签:<img>
图像标签:是一个自闭合标签,有src和alt两个属性,是行元素
<img src>
:图片的路径
<img alt>
:图片加载失败显示的信息
<img src=“图片路径(远程路径)” alt=“本地路径”
< width:图片的宽度 height: 图像的高度
10.列表标签:分为无序列表和有序列表
无序列表:ul li
有序列表:ol li 有序列表可以通过type属性修改序号值
列表的嵌套,有序的相互嵌套,无序的相互嵌套,有序无序相互嵌套
11.自定义列表:<dl>
相当于外部的 ul ol
<dt>
子列表 蔬菜
<dd>
子子列表 蔬菜的子内容
12.区块元素:分为<div>
块元素:主要来做网页的框架布局,类似于网页的骨架。这个容器可包含任何html元素
和 <span>
:内联元素 是包含文字的。 这个容器最多只包含文字,其他不放
DIV与SPAN 作用是将内容组合起来
大多数元素为区块元素(块元素),块元素在浏览器显示的时候会以新行开始
有一部分为内联元素(行元素),在显示时通常不以新行开始,只占某一部分