第六天
HTML:Hyper Text Markup Language（超文本标记语言）
超文本包括：文字、图片、音频、视频、动画等
标签
标题标签：<h数字></h数字>(其中数字为几就代表几级标签)
换行标签：尖括号加br加/，此处为单标签在最后加上
水平线标签：尖括号加hr加/
字体样式标签：粗体：尖括号加strong 斜体：尖括号加em
注释和特殊符号标签：特殊符号：空格： ；大于号：&加gt 小于号：&加lt
嵌入图片
img加Tab生成，src：图片路径（相对地址：../返回上一级路径选择图片地址 绝对地址：把地址写死
alt：图片名字
title：鼠标悬停文字
链接标签
（Ctrl+d 复制上一行）
尖括号加a（在a标签中可以嵌套文字也可以嵌套图片）
href：必填，要跳转的那个页面
target：表示窗口在哪里打开（_blank：在新页面中打开 _self：在自己页面打开）
锚链接
同样是a标签
1.需要一个锚标记（使用name作为标记）
2.通过#加标记名称跳转到标记
功能性链接
同样是a标签
邮箱链接：mailto
QQ链接：qq推广
行内元素和块元素
行内元素：内容撑开宽度，左右都是行内元素的可以排在一行
块元素：无论内容多少，该元素独占一行
列表
有序列表：ol标签，中间选项用li标签
无序列表：ul标签，中间选项用li标签
自定义列表：dl标签，列表名字dt，子选项dd
表格
table标签
行：tr标签
列：td标签
跨列：在td标签中添加colspan后加数字为所跨列的列数
跨行：在td标签中添加rowspan后加数字为所跨行的行数
视频和音频
视频标签：video 必填项src资源路径 控制项controls（添加该选项后才可以播放） autoplay自动播放
音频标签：audio 必填项src资源路径 控制项controls（添加该选项后才可以播放） autoplay自动播放
页面结构
header 头部区域
footer 脚步区域
section web页面中独立的区域
article 独立的文章内容
aside 相关内容或应用
nav 导航类辅助内容
iframe内联框架
使用iframe标签
src为引用页面地址 name 为框架标识名
表单语法
form标签
必填项：method：规定如何发送表单数据（常用值：get|post）
get方式提交：我们可以在url中看到我们提交的信息，不安全但是高效
post方式提交：比较安全，传输大文件 （在表单数据才可以查看数据）
action:表示向何处发送表单数据，可以是网站也可以是一个请求处理地址
文本输入框标签：input
密码框：input type=“password”
表单元素格式
type：指定元素的类型：text、password、checkbox（多选框，默认选中checked）、radio（单选框，name值代表不同组，在不同组内会同时选定，同一组内只会选定一个，默认选中checked）、submit、reset、file（文件域，上传文件，必须需要name属性 ）、hidden、image（图片按钮）和button（按钮选项）email（邮箱验证），url（网址验证），number（数字验证）range（滑块）search（搜索框），默认为text。
name：制定表单元素的名称
value：元素的初始值。type为radio时必须指定一个值
size：指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位，。对于其他类型，宽度以像素为单位
maxlength：type为text或者password时，输入的最大字符数
checked：type为radio或checkbox时，指定按钮是否被选中
列表框，下拉框：select标签，option标签，默认选择selected
多行文本：textarea标签 cols列 roes行
表单的应用
只读标签：readonly
禁用标签：disable
隐藏标签：hidden
增强鼠标可用性：lable，通过标记跳转到带标记的地方
表单初级验证
常用方式：placehodler 提示性信息（输入框、文本域等）
required 非空判断
pattern：正则表达式
CSS
什么是Css
css：Cascading Style Sheet 层叠级联样式表
语法：选择器{
声明1；
声明2；
声明3；
}
css的优势：
1.内容和表现分离
2.网页结构表现统一，可以实现复用
3.样式十分丰富
4.建议使用独立于html的css文件
5.利用SEO，容易被搜索引擎收录！
css的三种导入方式
优先级：就近原则
外部样式的两种写法
-
链接式
<link rel="stylesheet" href="css/style.css"> -
导入式（@import）
@import 是CSS2.1特有的
<style>
@import url("css/style.css");
</style>
选择器
作用：选择页面上的某一个或者某一类元素
基本选择器
-
标签选择器
-
类 选择器 class
类选择器的格式 .class的名称{}
好处：可以多个标签归类，是同一个class
-
id 选择器
id 必须保证全局唯一
浙公网安备 33010602011771号