HTML基础
HTML介绍
HTML部分主要包含网页的结构，head头文件、基本标签、表格以及表单。
<!DOCTYPE html>
<!-- 文档类型声明 -->
<!-- HTML指超文本标记语言hyper text markup language,
1、常用浏览器IE，Firefox，Chrome，Safari，Opera等。
浏览器内核（渲染引擎）
IE trident IE、猎豹安全、360极速浏览器、百度浏览器
Firefox Gecko 火狐浏览器内核
Safari Webkit 苹果浏览器内核
Chrome Blink Chrome、Opera浏览器内核；Blink是Webkit分支
2、web标准：W3C（万维网联盟）国际最著名的标准化组织。
3、HTML是结构structure，css是样式presentation，JavaScript是行为behavior。
-->
<html lang="en">
<!-- lang语言种类：en为英语；zh-CN为中文。两个都行一般不影响。 -->
<head>
<meta charset="UTF-8">
<!-- 字符集：编码格式UTF-8被称为万国码；统一标准写为UTF-8 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="html,css,xml,javascript">
<!-- 定义文档关键词 -->
<meta name="description" content="Free Web tutorials on HTML and CSS">
<!-- 定义web页面描述 -->
<meta name="author" content="Hege Refsnes">
<!-- 定义页面作者 -->
<meta http-equiv="refresh" content="30">
<!-- 每30秒刷新页面 -->
<title>html基础</title>
</head>
<body>
<p>paragraph段落：特点：文本适应浏览器窗口自动换行，段与段间有空隙<br />break换行</p>
<h1>1.1文本格式化标签</h1>
<p><strong>加粗</strong><em>倾斜</em><del>删除</del>
<ins>下划线</ins></p>
<div>div块元素</div><span>span不换行</span>
<img src="img.jpg" alt="替换：图片无法显示时显示本文字" title="提示：鼠标放上文字提示">
<!-- 相对路径: /下一级 ../上一级； 绝对路径： -->
<a href="#" target="_blank">文本或图像；默认_self,_blank为新窗口打开</a>
<!-- href="#属性值" 锚点链接 -->
<p>< ></p>
<h1>1.2表格</h1>
<table>
<thead>
<tr>
<th>表头加粗居中</th>
<th>表头加粗居中</th>
</tr>
</thead>
<tbody>
<tr>
<td>跨行合并：rowspan=""</td>
<td>跨列合并：colspan=""</td>
</tr>
</tbody>
</table>
<ul>
<li></li>
<li></li>
</ul>
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
<details>
<summary>下拉列表</summary>
<ul>
<li>下拉选项</li>
</ul>
</details>
<iframe src="" frameborder="0" scrolling="no" name="">
下载进度：
<progress value="22" max="100">
</progress>
<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p>
<form action="url地址" method="get/post" name="">
<!-- action为提交地址，method为表单提交方式； -->
<input type="text" name="username" value="默认值" maxlength="6" placeholder="提示">
<!-- 文本输入框 maxlength规定输入字符长度，无提示,默认宽度20个字符-->
<input type="password" name="pwd">
<!-- 密码框 输入隐藏 -->
<input type="number" min="1" max="10" step="1">
<!-- 数字输入框 -->
<input type="radio" name="" value="" checked="checked">
<!-- 单选按钮 圆框 name值相同则有单选功能
checked在页面加载时自动选中-->
<input type="checkbox" name="sex" id="sex">
<!-- 复选按钮 方框 -->
<label for="sex">男</label>
<!-- 点击范围扩大自动定位到复选框for对应id属性 -->
<input type="button">
<!-- 按钮 -->
<input type="file">
<!-- 文件域 选择文件上传 -->
<select name="位置" id="" size="3">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
</select>
<!--size表示最多显示几项， 下拉列表 selected默认选中-->
<textarea name="" id="" cols="30" rows="10"></textarea>
<!-- 文本域 -->
<input type="reset" value="重置">
<!-- 重置表单所选数据 -->
<input type="submit" value="提交">
<!-- 提交数据 -->
</form>
</body>
</html>
