HMTL:Hyper Text Markup Language——超文本标记语言
超文本比普通文本功能更加强大,可以添加各种样式
标记语言:通过一组标签,对内容经行描述<关键字></关键字>/<关键字/>
语句规范:
1、标签不区分大小写,推荐小写
2、自动补全缺少的标签
<!DOCTYPE html>——文档声明,遵循HTML5规范
<html>——根标签
<head>——头部分,放置页面信息
<meta charset="utf-8">——网站的配置信息,这个是指定流量器
<title>——指定网站标题
<body>——体部分,主要放置我们HTML页面部分
<h1>——标题类标签,数字越大,字体越小,到7最小
<br/>——换行
<p>——可以包裹内容实现换行
<b>——加粗
<i>——斜体
<hr/>——水平直线
<font>——常用属性:color,size范围1到7,face_字体样式
例子:<font color="red"></font>
<strong>——加粗,带语义,盲人阅读的时候会有加重语气
<em>——斜体,带语义,盲人阅读的时候会有加重语气
<img/ src = “路径”>——图片,常用属性:width,height,只设置宽度,高度会自动匹配
alt——文件加载失败时显示
display=none——隐藏图片,block——显示
<ul>——无序标签,常用属性:type:disc/square/cirde,确定列表项前的图表形状,默认disc——小黑点
<li></li>——列表项
<li></li>
</ul>
<ol>——有序列表,列表项前面有带数字,常用:type指定序号类型,start指定从几开始
<li></li>
</ol>
<a href="网址"/>——超链接标签
href="#"相当于占位符,
常用属性:target:以什么方法打开——self默认打开方式在当前窗口打开
——blank新起一个窗口
text-decoration:none——取消下划线
<table border="0px">——表格标签,
<tr>——一行
<td></td>——一列
</tr>
</table>
常用属性:
border,指定边框,通常写0px,只有一条线
width,height宽度确定了,高度自动,
bgcolor,背景颜色,
align,对齐方式:center,居中,
合并:colspan:跨列
rowspan:跨行
<td>标签里面还可以嵌套表格
<input />——输入框
type:text——文本输入框
password——隐藏输入信息
file——上传文件
radio——单选按钮,成为一组才能单选,name属性写成一样即可
checkbox——多选按钮
submit——提交按钮
button——按钮
reset——重置,将form表单里面所有input都清空
hidden——隐藏域
date——日期选择
tel——在手机上可以弹出一个数字输入框
number——只允许输入数字
name:参数名称
id:id选择器
placeholder:在输入框里面的提示语
<textarea>——文本框,cols,列,rows,行
<select>——下拉框,下拉框的对象.options.length=0——会将内容置为0
<option></option>
<option></option>
</select>——mnultiple属性="mnultiple"可以将下拉框显示多行
<form>——表单标签,action:提交的地址,
method:get/post/delete等方式,post方式会隐藏参数,没有限制大小,get限制4K
<framest>——框架标签,如果用了这个标签,body就要删除
<frame src="页面地址">——引用别的页面
</framest>
常用属性:按列划分页面:cols="10%,20%,*",*代表占全部
按行划分页面:rows~~
框架标签与a标签联合使用,在需要跳转的frame取个名称:name="rigthFrame"
a标签的target写rigthFrame,就可以实现对某个frame跳转页面
块标签:
<div>自动换行
<span>自动空一格