(1)lang="en":定义当前文档显示文字的语言
lang:语言属性 lang是language的简写
en:英语
en定义语言为英语
zh-CN定义语言为中文
兄弟关系:并列关系 body 和 head title和meta
父子关系:嵌套关系 html 和body html和head
(2) 页面的三大组成部分
1.html 结构层
2.css 样式层
3.js 行为层
结构层html和表现层css,是 W3C 制定的规范,万维网联名。
行为层js,是 ECMA 制定的规范,欧洲计算机协会。
(3)常用HTML标签
块级标记
div标签
搭建网页结构的基本标签——盒子;无语义标签
div标签
搭建网页结构的基本标签——盒子;无语义标签
p标签:段落标记
hr标签:水平分割线 块级标记
特性
- 默认自带间距、自带边框
作用:在页面中显示一条水平线
br标签:强制换行
行级标签
文本格式化标签
span标签:无语义标签,用于区分样式
* 没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容
* 应用场景:控制局部文本的样式
- b标签:一个实体标签,它里面包围的文本显示粗体效果
- strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果
- i标签:它里面包围的文本显示斜体效果
- em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果
- del标签:删除线
- sup标签:上标
- sub标签:下标
- 特性
- 宽度默认由内容撑开
- 高度默认由内容撑开
- 默认横向显示——水平布局,一行排不下,自动折行
- 换行和空格会被解析
a:超链接标签
href:跳转的路径;
网址,本地文件,空链接(#占位,跳转到当前页的顶部),伪链接(href="javascript:"假链接,不跳转的)
特性:
1.宽度默认由内容撑开
2.高度默认由内容撑开
3.默认横向显示,水平布局,一行排不下,自动折行
4.换行和空格会被解析
5.自带文字颜色
6.自带下划线
7.鼠标指针的形状为手型
8.去掉a标签下划线text-decoration: none;
利用锚点来跳转指定锚点处
定义锚点
<div id='锚点名称'></div>
引用锚点 <a href="#锚点名称">内容</a>
行内块级标记
img图像标签
img标签
语法:<img src="" alt="">
src:图片的路径
../../表示上上级目录
alt:作用:指定替换文本,默认不显示,当图像不能正常显示时,显示该文字对图像进行替换,有利于用户体验
title:提示信息的作用,鼠标悬停在图片时显示提示信息
width:宽度
height:高度
注意:值可以不带单位默认px,只指定宽或高属性其中一个,另一个按照原比例等比缩放
特性:
1.默认横向显示,水平布局,一行排不下,自动折行
2.换行和空格会被解析
3.可以设置宽高
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。