HTML
一 、什么是HTML
HTML 是一个超文本标记语言
二、 HTML 的标签格式
<标签>内容</标签>
三 、单标签和双标签的区别
成对出现都是想修饰里面的内容 自己就代表功能 不需要包裹任何东西就能展示的功 能就不需成对出现 比如<meta><br><hr>
四、 什么是标签属性
主要用于设置标签的更多信息
语法:<标签名 属性名="属性值" 属性名="属性值" ....>
- 注意事项:属性一般写在开始标签上
- 属性总是以名称/值对的形式存在
- 属性的值建议大家使用双引号
- 通用属性有那些
Class类名 id ID titile鼠标移入的提示文字 style样式
六 HTML基本结构
<!DOCTYPE html> ---文档声明
<html>-----文档根标签
<head></head>--头标签 用于指定html文档属性 引入外部资源 用户看不到的
<body></body>-- 体标签 展现给人看到的
</html>
七 、基础标签
hn 标题标签 大小一次减小 p 段落标签
Strong/b 加粗 i/em 倾斜标签
br --换行标签 hr 水平线
Small 字体变小 big 字体变大
八、 a标签
<a>定义超链接
语法 定义和用法:
<a 属性="属性值">~标签内容~</a>
属性 href 指定访问的url的资源
Target 指定打开资源的方式:_self: 默认值 当前页面
_blank:在空白页打开
九、绝对路径相对路径
绝对路径:(http://、https://)开始的
相对路径:所在的目录为参照路径进行定位 ./ 当前目录,
../ 回到上一层目录
目录名/ 当前目录的下级目录
十、多媒体
<img> 展示图片 属性:src(指定图片的位置)
Alt 图片站位符
Title 鼠标移入提示文字
Height 高
Width 宽
<audio>音频标签 基本语法:
<audio src="音乐文件路径url" controls="controls">
您的浏览器不支持 audio 标签。
</audio>
属性:controls 播放按钮 loop 循环 muted 静音
<vidio> 视频标签 基本语法:<vidio src="音乐文件路径url" controls="controls">
您的浏览器不支持 audio 标签。
十一列表标签
有序列表基本语法:
<ul >
<li>文本内容</li>
</ul>
注意:有一些功能特别复合她的父子结构,li作为ul的子项出现 有很多功能子项组成 每一个功能子项的功能和样子基本相同 内容有所差异
无序列表基本语法:
<ol>
<li>文本内容</li>
</ol>
Type有五个值(A,a,i,I,1)start起始位置 reversed 倒序
自定义列表基本语法:
<dl>
<dt>列表标题</dt>
<dd>文本内容</dd>
</dl>
注意:列表必须组合出现,li标签里面可以嵌套标签 ul里面只能嵌套li
十二 布局标签
<span></span>文本信息在一行展示
<div></div>每个标签占据一整行
注意常见的块级标签:hn p div
常见的行内标签:span b a img
十三 块级标签和行内标签的区别
行内标签
行内标签多个并排一行,宽高为内容大小,不能设置宽高
块标签
块标签独占一行,宽度默认为100%,可以设置宽高