HTML笔记

HTML

StudyNote

重用代码:
1. 尽量保证 HTML 代码结构一致，可以通过父级选取子元素
2. 把核心主程序实现，用函数包起来
3. 把每组里不同的值找出来，通过传参实现

HTML or XHTML
HTML指的是超文本标记语言(Hyper Text Markup Language)
XHTML 指的是可扩展超文本标记语言。

HTML 标签

1.HTML标题（Heading）是通过<h1> - <h6>等标签进行定义的。
2.HTML段落是通过 <p> 标签进行定义的。
3.HTML链接是通过 <a>标签进行定义的。
4.HTML图像是通过 <img> 标签进行定义的。

HTML 元素

HTML元素指的是从开始标签 （start tag）到结束标签 （end tag）的所有代码。
语法：
1.HTML 元素以开始标签起始
2.HTML 元素以结束标签终止
3.元素的内容是开始标签与结束标签之间的内容
4.某些 HTML 元素具有空内容（empty content）
5.空元素在开始标签中进行关闭（以开始标签的结束而结束）（<br/>换行标签）
6.大多数 HTML 元素可拥有属性

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多信息。
属性总是以名称/值对的形式出现，比如：name = "value"。
属性总是在 HTML 元素的开始标签中规定。

HTML 标题

标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br/> 标签。

<br> or <br/>
在XHTML XML以及HTML版本中，不允许使用没有结束标签的 HTML 元素。
即使 <br> 在所有浏览器中的显示都没有问题，使用 <br/> 也是更长远的保障。

HTML CSS

插入样式的三种方式：
  1.外部样式表
  当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
  2.内部样式表
  当单个文件需要特别样式时，就可以使用内部样式表。在 head 部分通过<style>标签定义内部样式表。
  3.内联样式
  当特殊样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

HTML 表格

表格由<table>标签来定义。每个表格均由若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。字母td
指表格数据，即数据单元格的内容。数据单元格可以包含文本，图片，列表，段落，表单，水平线，表格等等。

属性cell padding 相当于内边距
属性cell spacing 相当于外边距

HTML 响应式 web 设计

RWD = Responsive Web Design 以可变尺寸传递网页
使用 Bootstrap

HTML URL

http(超文本传输协议) 以http：// 开头的普通网页。不加密
https(安全超文本传输协议) 安全网页，加密所有信息交换

HTML 表单

HTML表单用于搜集不同类型的用户输入
表单元素指的是不同类型的input元素，复选框，单选按钮，提交按钮等等
<input>元素
<select>元素（下拉列表）
  <option>元素定义带选择的选项。
<textarea>定义多行输入字段（文本域）
<button> 元素定义可点击的按钮