html基础知识
2017-03-21 13:56
531 查看
1.Bascd-web 服务器—HTTP协议—浏览器 轻量级
Client-sever 客户端——浏览器
2.HTML 内容 文字,图片
CSS 样式 颜色,字体模式
JavaScript 事件 鼠标事件,键盘事件
3.浏览器向服务器提出请求,服务器解析成HTML文件返回给浏览器
4.有序列表 <ol><li>
无序列表 <ul><li>
定义列表 <dl><dt><dd>
5.ico图标
<link rel="shortcut icon" herf="abc.ico"/>
6.新窗口打开超链接
<a href="abc" target="__blank"></a>
7.快捷键
<a href="abc" accesskey="A"></a>
实现Alt+A跳转
8.Tab次序
<a href="abc" tabindex="123"></a>
9.表格
<table border="1">
<th colspan="2">标题(加粗)</th>
//合并单元行
<tr>行</tr>
<td rowspan="2">列</td>
//合并单元列
</table>
10.特殊字符(实体)
  空格
&it 小于号
> 大于号
© 版权符号
® 已注册符号。。。。。。
11.span标签
<p>我喜欢打<span style='color:red'>篮球</span></p>
12.form表单
<form action="表单处理程序的URL" method="get/post请求方式"></form>
<form action="表单处理程序的URL" method="get/post请求方式" name="123" id=""123 size="10" maxlength="10"></form>
13.input属性
指的是form表单的表单类型
style是设置文件的样式
<input type="text" value="123"/>
<input type="password" value="123"/>
14.Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,触发事件也会提交表单的
15.单选按钮
radio
<input type="radio" name="123" id="1" value="2">男</input>
<input type="radio" name="123" id="2" value="3" checked="checked" >女</input>
//name必须相同 checked默认选择
16.复选按钮
checkbox
<input type="checkbox" name="123" id="1" value="2">成都</input>
<input type="checkbox" name="123" id="3" value="4" >上海</input>
<input type="checkbox"
4000
name="123" id="5" value="6" checked="checked" >北京</input>
//name必须相同 checked默认选择
//每一组数据的name值是相同的 value不同
17.隐藏字段
hidden
<form action="123" method="get/post">
<input type="text" id="1" name="123">
<input type="hidden" id="1" value="123"/>
<input type="submit" value="提交">
</form>
18.提交附件
file
<form action="123" method="get/post">
<input type="flie" id="1" name="123">
<input type="button" value="提交附件">
</form>
19.下拉列表
<form action="#" method="post" id="456" name="123">
<p>您最喜欢的菜系是什么?</p>
<select id="food" multiple="multiple" size="1">
<option value="1">川菜</option>
<option value="2">京菜</option>
<option value="3">湘菜</option>
<option value="4">东北菜</option>
<option value="5" selected="selected">粤菜</option>
</select>
</form>
//属性:select option
//multiple 多选
//selected 默认选择
20.多行文本框
<textarea rows="5" cols="50" id="789">请输入评论的内容</textarea>
21.submit提交和reset清空
<p><input type="submit" value="提交"></p>
<p><input type="reset" value="清空"></p>
//button和submit的区别:Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的
22.label 绑定id
<form action="" method="">
<p>
<label for="1">用户名:</label>
<input type="text" id="1">
<input type="text" id="2">
<input type="text" id="3">
</p>
</form>
23.fieldset和legend
<fieldset>
<legend>性别</legend>
<p>
<input typle="radio" name="sex" value="man">男
</p>
<p>
<input typle="radio" name="sex" value="women">女
</p>
</fieldset>
//fieldset就是一个框框 legend是框框上的提示语
24.
Client-sever 客户端——浏览器
2.HTML 内容 文字,图片
CSS 样式 颜色,字体模式
JavaScript 事件 鼠标事件,键盘事件
3.浏览器向服务器提出请求,服务器解析成HTML文件返回给浏览器
4.有序列表 <ol><li>
无序列表 <ul><li>
定义列表 <dl><dt><dd>
5.ico图标
<link rel="shortcut icon" herf="abc.ico"/>
6.新窗口打开超链接
<a href="abc" target="__blank"></a>
7.快捷键
<a href="abc" accesskey="A"></a>
实现Alt+A跳转
8.Tab次序
<a href="abc" tabindex="123"></a>
9.表格
<table border="1">
<th colspan="2">标题(加粗)</th>
//合并单元行
<tr>行</tr>
<td rowspan="2">列</td>
//合并单元列
</table>
10.特殊字符(实体)
  空格
&it 小于号
> 大于号
© 版权符号
® 已注册符号。。。。。。
11.span标签
<p>我喜欢打<span style='color:red'>篮球</span></p>
12.form表单
<form action="表单处理程序的URL" method="get/post请求方式"></form>
<form action="表单处理程序的URL" method="get/post请求方式" name="123" id=""123 size="10" maxlength="10"></form>
13.input属性
指的是form表单的表单类型
style是设置文件的样式
<input type="text" value="123"/>
<input type="password" value="123"/>
14.Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,触发事件也会提交表单的
15.单选按钮
radio
<input type="radio" name="123" id="1" value="2">男</input>
<input type="radio" name="123" id="2" value="3" checked="checked" >女</input>
//name必须相同 checked默认选择
16.复选按钮
checkbox
<input type="checkbox" name="123" id="1" value="2">成都</input>
<input type="checkbox" name="123" id="3" value="4" >上海</input>
<input type="checkbox"
4000
name="123" id="5" value="6" checked="checked" >北京</input>
//name必须相同 checked默认选择
//每一组数据的name值是相同的 value不同
17.隐藏字段
hidden
<form action="123" method="get/post">
<input type="text" id="1" name="123">
<input type="hidden" id="1" value="123"/>
<input type="submit" value="提交">
</form>
18.提交附件
file
<form action="123" method="get/post">
<input type="flie" id="1" name="123">
<input type="button" value="提交附件">
</form>
19.下拉列表
<form action="#" method="post" id="456" name="123">
<p>您最喜欢的菜系是什么?</p>
<select id="food" multiple="multiple" size="1">
<option value="1">川菜</option>
<option value="2">京菜</option>
<option value="3">湘菜</option>
<option value="4">东北菜</option>
<option value="5" selected="selected">粤菜</option>
</select>
</form>
//属性:select option
//multiple 多选
//selected 默认选择
20.多行文本框
<textarea rows="5" cols="50" id="789">请输入评论的内容</textarea>
21.submit提交和reset清空
<p><input type="submit" value="提交"></p>
<p><input type="reset" value="清空"></p>
//button和submit的区别:Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的
22.label 绑定id
<form action="" method="">
<p>
<label for="1">用户名:</label>
<input type="text" id="1">
<input type="text" id="2">
<input type="text" id="3">
</p>
</form>
23.fieldset和legend
<fieldset>
<legend>性别</legend>
<p>
<input typle="radio" name="sex" value="man">男
</p>
<p>
<input typle="radio" name="sex" value="women">女
</p>
</fieldset>
//fieldset就是一个框框 legend是框框上的提示语
24.
相关文章推荐
- HTML的基础知识
- html基础知识
- html -基础知识
- HTML:基础知识介绍和标签
- Html基础知识
- Html的表单基础知识
- html系统学习之一<基础知识,标签,元素>
- HTML的一些基础知识
- html基础知识点--表单元素及其相关知识
- html基础知识补全
- 网页制作之HTML基础知识
- HTML基础知识
- PHP编程中数组的基础知识(转自http://info.codepub.com/2008/08/info-21593.html)
- HTML 基础知识回顾
- HTML和JavaScript一些基础知识
- “阿一web标准学堂”第4课:HTML和CSS基础知识(1)(附视频、课件、代码下载)
- java基础知识记录--html javascript ajax(摘自张孝祥整理java面试题)
- HTML的基础知识(一)
- 转:HtmlElement 基础知识
- html不能忘得基础知识