<!DOCTYPE HTML>文档类型：html
<html>网页内容载体</html>
Head头文件：
<head>头文件：用于封装本页面“元标签”，“标题”，“风格”
<title>浏览器标题</title>
<script>脚本</script>
<style type="text/css">
可定义全局属性
h1{ //标题属性
font-size：字体大小
color:颜色
text-align:布局
}
table tr td, th {
border: 1px solid #000;
}
span{ //设置单独的样式
color:blue;
}
</style>
<link>（1）定义文档与外部资源的关系；（2）是链接样式表</link>
<meta>http-equiv文件头，content内容类型，charset：字符集</meta>
</head><body>主体</body>
文字类型：
<h1>1级标题（h1~h6）</h1>
<p>段落</p>文本变化标签：
<em>斜体</em> <strong>加粗</strong> <span>设置单独的样式用</span>
<q>双引号</q> 输入1个空格
<br>回车 <hr>线条对文本控制：
<blockquote>引用文本：用来设定一段较长的文字段落</blockquote>
<address> //作品地址
本文的作者：
<a href="www.baidu.com"> //地址
链接名称
</a>
</address>
<a href="mailto:yy@imooc.com?">发邮件</a>
<code>代码语言</code>
<pre>段落代码语言</pre>标题列表：
<ul> //带点列表，无序
<li>信息</li>
<li>信息</li>
....
</ul>
<ol> //自带序号，从1开始
<li>信息</li>
<li>信息</li>
....
</ol>
<div>....相当于一个容器：划分出独立的逻辑部分</div>表格：
<table summary= "表格简介文本"> //表格
<caption>表格的标题文本</caption>
<tbody> //tbody包含行的内容下载完优先显示，不必等待表格结束后再显示，同时如果表格很长，用tbody分段显示。
<tr> //表格的一行，所以有几对 tr 表格就有几行。
<td>表格的一个单元格，一行中包含几对，说明一行中就有几列。</td>
</tr>
</tbody>
</table>图片：
<img
title="电影介绍"
src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg"
alt="指定图像的描述性文本，当图像不可见时，可看到该属性指定文本"
>
图像可以是GIF,PNG,JPEG格式的图像文件表单标签：
//表单控件（文本框label、文本域txtarea、按钮、单选题、复选框等）
<form>
//文本
<label for="username">用户名:</label>
//输入文本
<input type="text" name="username" id="username" value="" />
//文本
<label for="pass">密码:</label>
//输入文本
<input type="password" name="pass" id="pass" value="" />
//文本
<input type="submit" value="确定" name="submit" />
//输入文本
<input type="reset" value="重置" name="reset" />
//按钮
<input type="submit" value="提交" name="submitBtn" />
//重置
<input type="reset" value="重置" name="reset" />
//单选框
<label>男</label>
<input type="radio" value="1" name="gender" checked="checked"/>
<label>女</label>
<input type="radio" value="2" name="gender" />
//复选框
<label>喜欢的运动:</label>
<label>篮球</label>
<input type="checkbox" value="1" name="checkbox1" checked="checked"/>
<label>羽毛球</label>
<input type="checkbox" value="2" name="checkbox2"/>
<label>乒乓球</label>
<input type="checkbox" value="3" name="checkbox3"/>
<label>你对什么运动感兴趣：</label>
<br>
<label for="run">慢跑</label>
<input type="checkbox" name="run" id="checkbox1"/>
<br>
<label for="go">登山</label>
<input type="checkbox" name="go" id="checkbox2"/>
<br>
<label for="backball">篮球</label>
<input type="checkbox" name="backball" id="checkbox3"/>
//下拉列表
<label>爱好:</label>
<select> //multiple="multiple" 多选操作
<option value="看书">看书</option>
<option value="旅游" selected="selected">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
//文本域
<textarea cols="50" rows="10">在这里输入内容...</textarea>
</form>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
