各种的标签

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 作用是将内容组合起来
大多数元素为区块元素(块元素),块元素在浏览器显示的时候会以新行开始
有一部分为内联元素(行元素),在显示时通常不以新行开始,只占某一部分




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值