HTML第一天
概念
网站
网页
超文本标记语言
html
常见浏览器
谷歌浏览器 Chrome
火狐浏览器 Firefox
Safari (苹果电脑)
IE / Edge (微软)
5. 欧朋浏览器 Opera
web标准
结构
html
表现
css
行为
js
html骨架
规范
所有标签都包含在 <> 中间
大多标签都是成对出现的(双标签)
双标签
单标签
标签的关系
包含关系
父子关系
并列关系
兄弟关系
常用开发工具
vscode
html基本结构标签
html:根标签
head:头部标签
body:主体标签
title:标题标签
不是 HTML 标签,是文档类型的声明标签。
必须写在页面的第一行 的上方;
告诉浏览器当前页面是 H5 的网页;
lang
用来定义当前文档显示的语言;
en 英语
zh-CN 中文
UTF-8 (万国码)以前常用的字符集;
乱码
常用标签
标签的语义
让页面的结构更清晰。
标题标签h
到
重要性依次递减
字号依次递减
段落标签p
段落标签负责显示一段文字
双标签
段落和段落之间有一定的空隙。
换行标签br
强制换行
单标签
换行后只是另起一行,不像 p 标签会有明显的间距。
文本格式化标签
strong 或 b
加粗
em 或 i
倾斜
del 或 s
删除线
ins 或 u
下划线
div和span
无语义
是在布局时用来装东西的盒子
div
一行一个
span
一行多个
图像标签img
src
指定图像文件的路径和文件名
alt
替换文本,图像不显示时显示
title
提示文本,鼠标悬停的时候显示
width
图像的宽度
height
图像的高度
border
图像边框的粗细
目录文件夹和根目录
目录文件夹
就是普通文件夹,可以保存多个文件和其他文件夹
根目录
一个网站项目的第一层文件夹,保存所有网站需要的网页和素材。
路径
相对路径
图片相对于html文件所在的位置
同级
在同一个文件夹直接找名字
向下一级
文件夹之间使用 / 分隔
向上一级
文件夹之间使用 ../ 分隔
从 . /开始向下找是一个很好的习惯。
绝对路径
文件或文件夹的绝对位置,能够直接定位。
链接标签a
从一个页面链接跳转到另一个页面或者页面的其他位置。
双标签
href 属性用来指定跳到哪。目标位置
target :窗口打开方式
_self (默认)在当前窗口打开
_blank 在新窗口中打开
内部标签
跳转到其他网站,跳出当前网站
外部标签
网站内部页面之间的相互链接,可以使用相对路径。
空连接
,还不能确定链接目标时可以暂时使用空链接。
锚点链接 href="#id"
锚点链接可以实现页面内跳转
目标标签需要增加 id 属性,才能实现锚点链接的跳转 —— 跳转到 id 所在位置
注释标签和特殊字符
空格 : no break space
大于号 > : greater than
小于号 < : less than
标签:第一天,标签,html,文件夹,跳转,链接,页面
来源: https://www.cnblogs.com/kk199578/p/13899650.html