【无标题】

HTML的标签与样式

1.图片标签
①src:指定图片的路径
②width:指定图片的宽度 px:像素,针对全局;百分比:相对与父元素占比多少
③height:指定图片的高度
2.标题标签
从h1-h6 无h7
3.水平线标签:

---

4. ./表示当前目录,…/表示上一级目录
5. css引入方式:①行内样式,即在一个标签里定义style;②内嵌样式一般在头体里定义一个style ③外联样式,创建一个css文件定义,使用link标签引入该css文件
6. span:没有语义的标签,一行可以展示多个
7. css选择器:分为三种,当全部选中同一标签时,生效级别为元素选择器<类选择器<id选择器

8.超链接: 属性:href 指定的跳转地址,target :在何处打开资源 ①_self: 在当前页面打开 ② _blank:重新打开一页 当需要消除下划线时使用text-decoration属性值
9.视频标签:video:src规定视频的url ,controls:显示播放控件 width height :规定视频的宽高度,
音频标签为video 同样也有视频的属性 段落标签

;换行标签:
文字加粗/强调标签: /
text-align:文本对齐方式
10.盒子模型: 标签:div 盒子模型组成:内容区域(contend) 内边距区域(padding) 边框区域(border) 外边距区域(margin) width与height为盒子的宽高 span标签:一行可以显示多个,宽度和高度默认由内容撑开,不可以设置宽高

11.表格标签:stable:可以包裹多个tr(行标签) border规定了表格边框的宽度 width定义了表格的宽度 cellspacing 定义了单元之间的空间 td 内容标签 一个tr里面可以包裹多个td标签,如果是表头单元格可以替换为th标签
12 :表单标签: 在网页中负责数据采集功能,如注册登录 表单项:input:定义表单项,通过不同的type类型控制输入格式,表单属性:action:表单提交的url,如果不指定默认提交到当前页面,method:表单提交的方式,分为get和post,get的url有限制在url后拼接表单数据,post无限制; 写表单项时一定要有name;select: 定义下拉列表 textarea:定义文本域

在这里插入图片描述