前端开发相关概念
- 所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果不一定相同
- URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。
- HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
头部相关标签基本概念
- title标签设置的标题可作为默认快捷方式或收藏夹的名称
- link标签
- href设置外部文档的地址
- rel设置当前文档与引用的外部文档的关系
- type设置外部文档的类型。
- 如果设置页面刷新、失效期等元信息,可对meta标签添加相应的name属性。(错误)name搜索引擎属性
meta标签
-
单标签
- 对页面进行设置的格式:
<meta http-equiv="名称"content="值"/>
- 对搜索引擎进行设置的格式:
<meta name="名称" content="值"/>
- 对页面进行设置的格式:
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <!-- ********* Begin ********* --> <title>设置元信息</title> <meta http-equiv = "Refresh" content="10;Url = https://www.baidu.com/"/> <meta http-equiv = "Expires" content="Fir,31 Dec 2021 08:00:00 GMT"/> <meta name="keywords" content="前端,元信息,网页跳转,失效期,搜索关键词"/> <!-- ********* End ********* --> </head> <body> <h1 align="center">元信息的设置</h1> </body> </html>
标签
文本控制类标签
- 块级元素: \
\
- 文本修饰类标签:行内元素<span>
- 显示内容的大小和浏览器默认文本的大小基本相同的是:h4
- 空格字符:
- div可以包含任何标签、行内元素不能包含块级元素
- align 对齐方式:
- left:左对齐
- center:居中对齐
- right:右对齐
- justify:两端对齐
- 水平线标签:
图像标签
- 图像格式:jpg、png、gif
- 绝对路径、相对路径
- 网页背景图:background
- 网页中嵌入图像img
- title是页面标题、不是网页标题
- href不是img属性
- image属性
- src :给定图像来源的位置
- alt :设置在图像未载入前图片位置显示的文字
- Width和 height :设定图像的宽度和高度
- title:鼠标停留在图片上时显示的说明文字
超链接标签
- 链源:引起跳转的原因
- 链宿:要跳转的目标
- < a href=“链宿”>链源< /a>
- _blank:在新窗口打开被链接文档
- < a href=" https://www.baidu.com/">这是一个指向百度页面的链接
- 图片链接百度网站:链接双标签里面放一个 单标签
- 打开或下载音乐:直接里面放
- 页内链接
- 锚点位置:< a name = “Q”>这是第7个网页
- 点击的位置:< a href="#Q">查看第7个网页
表格基本结构
基本概念
- 表格结构:表格标题、项目表头、数据资料
- table:定义一个表格
- caption:定义表格标题
- tr:定义表格一行
- th:定义表头单元格
- td:定义表格中数据单元格
- 定义项目表头的标签:
- 表格背景颜色:
- 定义表格中的行:tr
- 定义表格标题:caption
- 表格中文本对齐:th:middle