html的概述
超文本标记语言 可以放文本,图片,视频,声音,网页……
htmld的核心是标签
html的标准是w3c
html格式
<!--html声明文件-->
<!doctype html>
<!--根标签-->
<html>
<!--头标签-->
<head>
<!--标题标签-->
<title></title>
</head>
<!--主题-->
<body>
</body>
</html>
语法
扩展名:.html/htm
标签有起始标签和结束标签,标签成对出现,要是标签里面没有内容可以在起始标签结束
属性
格式:属性名=属性值
位置
在开始标签里面
元素
从开始便签带结束标签中的所有内容
html中的常用标签
font设置字体
font的属性 size(1-7)字号 color 字体颜色 face字体样式
<font size=2 color="pink" face=''仿宋">文本</font>
标题标签
<h1></h1>…<h6></h6>
<body>
<h1></h1>
<h2><h2>
……
<h6></h6>
</body>
段落标签<p></p>
下划线标签<hr></hr>
换行标签<br></br>
字体加粗<b></b>
斜体标签<i></i>
图片标签(重要)
<img src="图片路径(建议使用相对路径)" alt="图片破损或者找不到图片时显示的文字" tltie="鼠标放在图片上显示的文字" width="图片的宽" height="高">
列表标签
<ul></ul>无序列表
<ol></ol>有序标签
<li></li>需要显示的条目内容用在ul/ol中
列表标签中的属性 type 样式
超链接标签(重要)
<a href="要跳转的路径" target="_blank/_self">文本</a>
*_blank表示再另外一个窗口打开 _self在本窗口打默认值
锚点
<a href="#锚点名"> 文本</a>
<p id="锚点名">
假链接
<a href="#">文本</a>
表格标签(重要)
<table></table>定义表
<tr></tr>行
<td></td> 单元格
<th></th>单元格(用作表头)
<caption></caption>表格标题标签
table中的属性:border 边框 align="left,center,right" bgcolor="颜色" cellspacing=”单元格之间的距离“ width="宽" height="高"
td和th里面的属性:colspan()合并列 rowspan()合并行 bgcolor()单元格背景色
表单(最重要的内容)
表单用于收集不同类型的用户输入
form定义
常用的表单控件
<input><select><textarea>
form里面的属性:action提交 method提交方式
method提交方式:get(默认)是在地址栏后携带的 携带4kb post 是在http的请求中携带的 携带数据大小无限制
get速度快,不安全
post速度慢,安全
input中的属性以及类型
属性类型由 type定义
text文本
password密码
date日期选择框
radio单选框
chockbox复选框
file 文件选择框
hidden 隐藏域
submit提交按钮
button 按钮
reset重置
select中的属性
option添加选择内容