<!DOCTYPE html>:使用html5规范
html: html文档的根标签
head: 头标签。用于指定html文档的一些属性。引入外部的资源
title: 定义标题
body: 体标签(只有在body内写的才会显示出来)
<!-- -->:注释:
<meta>:描述网站信息
标题标签:
<h1>xxx </h1>:一级标题
<h2>xxx</h2>:二级标题
段落标签:
<p></p>
换行标签:<br/>
水平线标签<hr/>
字体样式标签:
粗体:<strong></strong>
斜体:<em></em>
特殊符号标签:&
&输入首字母会出现列出所有....
空格
如果不用 ,那么无论中间空多少个空格,网页只会显示一个空格
大于号>
小于号<
版权符号:©©
图像标签:
<img src="" alt="" title="" >
src:路径地址(分为相对路径和绝对路径)(必填)
alt:图片名称(必填)
width:宽
heigths高
一般在同级目录下建一个资源包,把文件粘贴到其中,此时路径地址写相对地址
../表示上一级目录
链接标签:
页面间链接:
<a href="链接路径" target="" 链接文本或妥协 /a>
href :必填,表示跳转到哪个页面
target="_blank":在新标签页打开
target=“_self”:在自己网页中打开
用图片作为超链接:
锚链接:
1、需要一个锚标记
2、跳转到标记
使用name作为标记,通过#t跳到标记
<a name="名">
<a href=“#名”>跳转到名的位置</a>
锚链接也可以到其他网页的标记位置
功能性链接:
邮件链接:
<a href="mailto"></a>
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行
块元素:无论内容多少,该元素独占一行(p ,h1.....)
列表标签:
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息
有序列表,无序列表,自定义列表
表格标签:
基本结构:单元格,行,列,跨行,跨列
跨行跨列:(合并单元格)
媒体元素:
视频元素:<video>
音频元素 <audio>
页面结构分析:
元素名 | 描述 |
header | 标题头部区域的内容(用于页面或页面的一块区域) |
footer | 标记脚部区域的内容(用于整个页面或页面的一块区域) |
section | Web页面中的一块独立区域 |
artilcle | 独立的文章内容 |
aside | 相关内容或应用(常用于侧边栏) |
nav | 导航类辅助内容 |
iframe内联框架:
网站中内嵌一个网站
w-h:宽度高度
表单语法
get方式提交: 可以在url中看到提交的方式,不安全,高效
post方式提交: 安全,可以传输大文件
表单元素格式:
属性 | 说明 |
type | 指定元素类型。 text password checkbox radio (单选框) submit reset file hidden image buuton 默认为text |
name | 指定表单元素的名称(必填) |
value | 元素的初始值。type为raido必须指定一个值 |
size | 指定表单元素的初始宽度 当type为text或password时,表单元素的大小以字符为单位 对于其他类型,宽度以像素为单位 |
maxlength | type为text或password时,输入的最大字符数 |
checked | type为radio或checkbox时,指定按钮是否被选中 |
单选框:type value name(组)
name相同在同一组,只能选一个
多选框checkbox
默认值checked,表示默认在哪一项
按钮button
name ,value为按钮上的值
图片按钮:
点击图片提交表单
文件域:
input type="file"
邮件验证
数字验证:
最大值100 ,最小值0,步长为10
滑块:
搜索框:
下拉框:
默认值selected表示默认在哪一个
文本域textarea
表单的应用:
只读:readonly
禁用:disabled
隐藏:hidden 框没了,属性还在
表单初级验证:
placeholder:提示信息
用于输入框中
required:元素不能为空
pattern 正则表达式
用百度搜 常用正则表达式