HTML的全面review
2018-03-08 本文已影响0人
小xiao雨滴
Date:2018-03-08
前端的三大主体
HTML 👉 结构
CSS 👉 表现
Javascript 👉 行为
篇一：HTML（一个不区分大小写的标记语言）
用来告诉浏览器如何构造你访问的网页
|-- 结构-- | --标签--|
1.结构
<html>/告诉浏览器这是一个HTML文档
<head>/用来定义文档头部，浏览者看不到
<title></title>/浏览器标题栏使用
</head>/闭合标签
<body>/书写主题内容
</body>/闭合标签
</html>/闭合标签
2.常用标签⚠️
- 段落
<p>这是一个段落
<span>这是一段文字</span>
</p>
提示：元素的关系 父元素 子元素 兄弟元素
HTML属性是用来识别元素的样式和信息，不会出现在实际内容中
- 标题
<h1>大标题</h1>
<h2> 小标题</h2>
<h3>更小标题</h3> - 换行
</br> 自闭和 - 字体
<b>加粗</b>
<i>斜体</i> - 链接
<a href=" ">这是一个链接</a> - 图片
<img> 空元素
一般用src（定义URL地址） alt （定义一串可替换的文本）属性
<img src="URL" alt="这是一个图片"/>
- 表格
<table></table>
基本结构
<table>
<th></th>
<tr></tr>
<td></td>
</table>
cosplay用来定义横跨的列数
<td cosplan="2">两列合成一列</td>
- 列表
1.<ul>无序
2.<ol>有序
与<li></li>搭配使用 - 选择列表（下拉表单）
<select>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select>
- 表单
<form>
(1)input元素 ，是一个空元素，输入类型用type定义
（2）文本输入
<input type="text" placeholder="此处是一个输入框">
placeholder用于输入框中的提示性文字
- 邮箱
<input type="email" name="email">
-按钮
<input type="email" name="button" value="点我"> - 复选框
checkbox
<input type="checkbox" name="fruit" value="Apple">我有一个苹果</br>
-单选框
radio
<input type="radio" name="gender" value="女">女 - 文本区域
textrea
一般用cols和rows来规定textrea的尺寸大小
<textrea rows="10" cols="30">
/我是一个文本框
</textrea>
温馨提示：学前端长远发展需要的两种精神：自学和搜索。
平台工具：1.MDN---Web DOCS
2.菜鸟学院
3.W3Cschool中（s）外
4.慕课网
