HTML是web开发基本技术
其主要文档结构为:
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
hello word!
</body>
</html)
HTML标签都是成对出现的如<b></b>
<br>定义换行的标签
HTML元素属性格式<开始标签 属性名="属性值"></结束标签>
例如设置背景颜色和图像
<body bgcolor="pink" backgroud="img/图片名称.jpg">
</body>
常见的基本标签
标题<h1>-<h6>
段落<p>
换行<br>
链接<a> ----<a href="链接">点击跳转</a>
图像<img> -----<img src="img/图片位置"/>
注释<!--this is a comment-->
嵌入元素(视频,声音)<emben src="文件名">
文本格式
都是成对出现
<b>粗体bold
<big>定义字号大小
<small>定义小号字
<em>定义着重文字
<i>斜体italic
<del>文字当中划线表示删除
<ins>文字下划线表示插入
<sub>下标
<sup>上标
<font>字体 字号标签
表格
由<table>标签来定义
每个表有若干个行<tr> 每行被分割成若干个单元格<td>
字母td指的是表格数据 <th></th>//给表中数据居中加粗 <caption></caption>表名
表单
HTML表单用于收集不同类型的用户输入 最常见的就是注册页面
表单允许用户在表单中(文本域 下拉列表 单选框 复选框 等等)输入信息的元素
表单使用表单标签(<form>)
基本格式:
<from Action="url" Method="*">
<input></input>
...
</form>
///表单三个要点
表单控件 form controls
动作属性 Action//当用户点击提交按钮 表单内容会被传送到别的一个文件 为动作属性
方法属性 Method//告诉浏览器编码后发送给服务器
input根据type可分为
文本输入框 用户名/密码Type="text"/"password"
单选按钮Type="radio" name保持一致才能进行单选
复选框 Type="checkbox"
按钮Type="button" reset重置按钮 submit 提交按钮
select:下拉列表 用多个option定义多个选项 选择默认值 把<selected="selected">放到option 后面
文本域<txtarea> cols="数值"域的宽 rows="数值"域的高
get和post的区别
get:浏览器会将数据直接附在表单的action url之后 两者之间用问好进行分割
post:直接连接服务器 然后将html 表单中的值发送给web服务器 这种方式是没有字符长度限制的
HTML5新的input类型
input类型 number