- html
- html是什么 指超文本(超出了文本的范畴)标记(标签)语言
- html有什么用 这个语言可以做网页
- html怎么用 就是学习html提供的标签
- 专业开发网页工具 dreamweaver (梦想的编织者) 我们使用hbuilder.—->和eclipse快捷键一模一样.
- html基本标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>百度一下,你就知道</title> </head> <body> <!--天道酬勤 <font size="70" color="blue">天道酬勤</font> <img alt="光头强" src="img/c.jpg" /> <a href="http://www.baidu.com" target="_blank">百度</a><br /> <dl> <dt>编程语言 <dd>java</dd> <dd>c</dd> </dt> </dl> <ul type="square">学院 <li>城建院</li> <li>文理院</li> <li>动科院</li> </ul> <ol type="a">学院 <li>资环院</li> <li>工学院</li> <li>生科院</li> </ol>--> <!--<table border="1" cellspacing="10"> <tr> <td>id</td> <td>name</td> <td>phone</td> <td>age</td> </tr> <tr> <td>1</td> <td>小红</td> <td>110</td> <td>1</td> </tr> <tr> <td>2</td> <td>小明</td> <td>119</td> <td>2</td> </tr> <tr> <td>3</td> <td>小李</td> <td>120</td> <td>3</td> </tr> </table>--> 用户名:<input type="text" /><br /> 密码 :<input type="password" /><br /> 请选择性别:<br /> 男<input type="radio" name="sex" /> 女<input type="radio" name="sex" /><br /> 请选择您的水果:<br /> 苹果<input type="checkbox" /> 香蕉<input type="checkbox" /> 橘子<input type="checkbox" /><br /> <!--<input type="button" value="统计" /><br />--> <input type="hidden" /> <input type="file" /><br /> 请选择学历: <select> <option>博士</option> <option>硕士</option> <option>本科</option> </select><br /> 自我描述: <textarea rows="6"></textarea><br /> <input type="submit" /> <input type="reset" /> </body> </html>
-
- 字体标签
<font size="70" color="blue">天道酬勤</font>
-
-
- size 值范围是从1-7,如果值超过7按照7显示 color表示颜色
- 标题标签
-
<head> <meta charset="utf-8" /> <title>百度一下,你就知道</title> </head>
-
- 水平线标签
- hr —>现实生活中表示公司里面的人事
- 注释
- 水平线标签
-
- 特殊字符
-   代表空格
- image标签
- 特殊字符
<img alt="光头强" src="img/c.jpg" />
-
- 超链接标签
<a href="http://www.baidu.com" target="_blank">百度</a><br />
-
-
- href代表我们要连接网址 target代表打开网页的方式.
- h1-h6标题标签
- h1最大 依次递减 h6最小
-
- html中列表标签
- 自定义列表 dl dt dd
- 无序列表 ul li
- 有序列表 ol li
<dl> <dt>编程语言 <dd>java</dd> <dd>c</dd> </dt> </dl> <ul type="square">学院 <li>城建院</li> <li>文理院</li> <li>动科院</li> </ul> <ol type="a">学院 <li>资环院</li> <li>工学院</li> <li>生科院</li> </ol>-->
- html表格标签
- html中使用table标签表示表格 使用tr表示行 td表示列
- html中如何实现合并单元格
- 查询一下表格中一共有几行
- 在查询每行中有几个单元格
- 看是跨行 还是跨列 所有合并单元格的操作都是在td上进行的
<table border="1" cellspacing="10"> <tr> <td>id</td> <td>name</td> <td>phone</td> <td>age</td> </tr> <tr> <td>1</td> <td>小红</td> <td>110</td> <td>1</td> </tr> <tr> <td>2</td> <td>小明</td> <td>119</td> <td>2</td> </tr> <tr> <td>3</td> <td>小李</td> <td>120</td> <td>3</td> </tr> </table>
- html表单标签
- 表单有什么作用. 服务器根据表单来收集用户的信息
- 表单构成:大多数都是由input标签构成.
- 普通文本
用户名:<input type="text" /><br />
-
-
- 密码输入框
-
密码 :<input type="password" /><br />
-
-
- 普通按钮
-
<input type="button" value="统计" /><br />
-
-
- 单选按钮
-
请选择性别:<br /> 男<input type="radio" name="sex" /> 女<input type="radio" name="sex" /><br />
-
-
- 复选框
-
请选择您的水果:<br /> 苹果<input type="checkbox" /> 香蕉<input type="checkbox" /> 橘子<input type="checkbox" /><br />
-
-
- 隐藏项
-
<input type="hidden" />
-
-
- 文件输入项
-
<input type="file" /><br />
-
-
- 下拉选择框
-
请选择学历: <select> <option>博士</option> <option>硕士</option> <option>本科</option> </select><br />
-
-
- 文本域
-
自我描述: <textarea rows="6"></textarea><br />
-
-
- 提交和重置按钮
-
<input type="submit" /> <input type="reset" />
-
- 重置:点击重置按钮不是清空,是恢复到默认值.
- name属性:服务器根据name属性获取对应的值
- get方式提交数据特点:
- 是以组拼url地址的形式提交数据,http://127.0.0.1:8020/hm104/form.html?name=aa&pwd=123&sex=female
- get方式提交数据是明文 不安全
- get方式提交数据大小有限制 最大不能超过1kb. 或者4kb.
- post方式提交数据特点:
- post方式提交数据数据是以请求体的形式传递数据.
- post提交数据没有大小的限制
- post提交数据比较安全.
- html其他标签
- p 段落
- s 加中划线
- u 加下划线
- i 斜体
- b 加粗
- div 自动换行展示数据
- span 不会自动换行 展示数据