HTML语言:用文本表示,带有特殊标签(双尖括号)的超文本标记语言。
1、骨架结构(html为根标签)
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
2、HTML标签分类
双标签:<标签名>内容</标签名>
单标签:img、br、hr、base(可以设置整体链接的打开状态)
3、标签关系
嵌套关系:html是所有标签的父标签
扫描二维码关注公众号,回复:
6949746 查看本文章
并列关系
4、文档类型(!DOCTYPE html):html5的版本号
5、UTF-8:包含全世界所有国家需要用到的字符
6、标签的属性(特性)attribute
<标签名 属性1=“属性值1” 属性2=“属性值2”> 内容 </标签名> (键值对 key=value的形式)
6.1 标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
6.2 属性之间不分先后顺序,标签名与属性之间,属性与属性之间必须以空格隔开。
6.3 任何标签的属性都有默认值,省略该属性则取默认值。
7、HTML标签
7.1排版标签
标题标签、段落标签(默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行)、水平线标签(<hr />)、换行标签(<br />)
div(division的缩写,分割、分区的意思)、span标签是没有语义的,网页布局中常用到的2个盒子
7.2文本格式化标签:加粗(b、strong)、倾斜(i、em)、下划线(u、ins)
7.3图像标签
<img src="图片的来源路径" /> src为必须属性
属性 |
属性值 | 描述 |
src |
URL |
图像的路径 |
alt |
文本 |
图像不能显示时的替换文本 |
title |
文本 |
鼠标悬停时显示的内容 |
width |
像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
7.4链接标签
<a herf="跳转去往的网页路径">链接文本</a> herf为必须属性 target属性:_self为当前窗口、_blank为新窗口
外部连接:必须以http:// 开头
内部链接:只需写上页面名称就可以了
锚点定位:<a herf="#id名">链接文本</a> 定位到id对应的位置
base标签:设置所有a标签链接的打开方式(<base target="_blank" />)
7.5特殊字符标签
空格:
7.6注释标签
单行注释:ctrl+/
多行注释:ctrl+shift+/
<!-- 注释内容-->