HTML：超文本标记语言——决定页面显示什么内容
CSS：页面上的内容显示的风格
JavaScript：页面特效
<html>
<head>
<title>网页标题</title>
<meta charset="UTF-8">
</head>
<body>
HELLO WORLD!<br/>你好
<hr/>
<p>这是一个段落</p>
<p>这是第二个段落</p>
<img src="路径" width="57" height="73" alt="这是一种照片"/>
<h1>标题一</h1>
<h2>标题二</h2>
排行榜：
<ol type="A" start="3">
<li>嘿嘿</li>
<li>哈哈哈</li>
<li>呵呵呵</li>
<li>吼吼吼</li>
</ol>
家族名单：
<ul>
<li>ly</li>
<li>lqg</li>
<li>wzl</li>
<li>ljz</li>
</ul>
我喜欢<b>你</b>！
<br/>
水分子化学式：H<sub>2</sub>o <br/>
氧气化学式：O<sup>2</sup> <br/>
5<10 <br/>
10>5 <br/>
<span>张三</span>，喜欢小红。
<a href="http:www.baidu.com" target="_blank">百度一下</a>
<table border="1" cellspacing="0" cellpadding="4" width="500">
<tr>
<th>名称</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
<tr align="center">
<td>苹果</td>
<td rowspan="2">5</td>
<td>20</td>
<td>100</td>
<td><img src="imgs/del.jpg" width="24" height="24"/></td>
</tr>
<tr align="center">
<td>菠萝</td>
<td>15</td>
<td>45</td>
<td><img src="imgs/del.jpg" width="24" height="24"/></td>
</tr>
<tr align="center">
<td>西瓜</td>
<td>6</td>
<td>6</td>
<td>36</td>
<td><img src="imgs/del.jpg" width="24" height="24"/></td>
</tr>
<tr align="center">
<td>总计</td>
<td colspan="4">181</td>
</tr>
</table>
<form action="demo04.html" method="post">
昵称：<input type="text" name="nickname" value="请输入你的昵称"/><br/>
密码：<input type="password" name="pwd"/><br/>
性别：<input type="radio" name="gender" value="male"/>男
<input type="radio" name="gender" value="female" checked/>女<br/>
爱好：<input type="checkbox" name="hobby" value="basketball"/>篮球
<input type="checkbox" name="hobby" value="football" checked/>足球
<input type="checkbox" name="hobby" value="earth" checked/>地球<br/>
星座：<select name="star">
<option value="1">白羊座</option>
<option value="2" selected>金牛座</option>
<option value="3">双子座</option>
<option value="4">天蝎座</option>
<option value="5">天秤座</option>
</select><br/>
备注：<textarea name="remark" rows="4" cols="50"></textarea> <br/>
<input type="submit" value=" 注 册 "/>
<input type="reset" value="重置"/>
<input type="button" value="这是一个普通按钮"/>
</form>
这里是demo06页面的内容！！
<iframe src="frames/top.html"/>
</body>
</html>
<!--
html页面标签：<html></html>
title 表示网页标题
meta标签中设置编码方式
<br/>表示换行。是一个单标签。
<hr/>直线。
<p></p>表示段落
img 图片标签
src属性表示图片文件路径
h1~h2：标题标签
列表标签：
ol 有序列表
start 表示从*开始，type 显示类型：A a I i 1，<li>=list item
ul 无序列表
type : disc（默认）,circle,square
<u> 下划线，<b> 加粗，<i> 斜体
<sub> 下标，<sup> 上标
HTML中的实体：
<；=less than 小于，>；=great than 大于，&le；小于等于，&ge；大于等于
 ；空格
<span> 不换行的块标记
<a> 表示超链接
href=hypertext reference 超链接
target：
_selt（默认） 本窗口打开
_blank 新窗口打开
_parent 父窗口打开
_top 顶层窗口打开
<div> 层
表格 table
行 tr：align -> center , left , right
列 td
表头列 th
table中有如下属性（虽然已经淘汰，但是最好了解一下）
- border：表格边框的粗细
- width:表格的宽度
- cellspacing：单元格间距
- cellpadding：单元格填充
rowspan : 行合并
colspan : 列合并
表单 form 提供了两种数据传输的方式——get和post
input type="text" 表示文本框 ， 其中 name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的
input type="password" 表示密码框
input type="radio" 表示单选按钮。需要注意的是，name属性值保持一致，这样才会有互斥的效果;可以通过checked属性设置默认选中的项
input type="checkbox" 表示复选框。name属性值建议保持一致，这样将来我们服务器端获取值的时候获取的是一个数组
select 表示下拉列表。每一个选项是option，其中value属性是发送给服务器的值 , selected表示默认选中的项
textarea 表示多行文本框（或者称之为文本域）,它的value值就是开始结束标签之间的内容
input type="submit" 表示提交按钮
input type="reset" 表示重置按钮
input type="button" 表示普通按钮
(input type="text" 表示文本框 ， 其中 name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的
input type="password" 表示密码框 )
frameset 表示页面框架 ， 这个标签已经淘汰，了解，不需要掌握
frame表示框架中的具体页面引用
iframe 在一个页面嵌入一个子页面
总结：
1.HTML是解释型的文本标记语言，不区分大小写
2.html,head,title,meta,body,br,p,hr,div,table,form,u,i,b,sup,sub, 空格,span,ul,ol,li,tr,td,th,h1-h6,a,input,select,textarea,img
2-1. html , head , title , meta , body , br , ul , ol , h1-h6 , a , img , , p , div , span
2-2. table tr , th , td
2-3. form(action='' , method='post') input type='text,pasword,radio,checkbox,submit,button,reset" <select> , <textarea>
-->
115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
