高端html5网站设计工作室织梦模板 dedecms5.7/网站设计公司有哪些
前端开发相关概念
- 所有的浏览器对同一个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