HTML基础知识学习笔记

15年7月毕业，16年9月离职，16年12月经同学介绍去了一家创业软件公司。从零开始学习前端，到今天已经有三天了，汇总下HTML和CSS部分基础知识。

HTML部分

1、<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong> 

表示强调。

2、<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。

3、<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

4、空格代码 

5、<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />可插入一个简单的换行符。、<hr />标签在
HTML 页面中创建一条水平线。和<img />元素向网页中嵌入一幅图像，没有结束标签，例：

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
6、<address>标签可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。<address>北京市西城区德外大街10号</address>，address定义的文本默认是斜体。

7、<div>定义
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
用法
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

8、制作一个表格

<h4>两行三列：</h4>

<table border="1">

<tr>

  <td>100</td>

  <td>200</td>

  <td>300</td>

</tr>

<tr>

  <td>400</td>

  <td>500</td>

  <td>600</td>

</tr>

</table>

9、使用<a>标签可实现超链接，<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>    title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）

10、HTML邮件链接使用了mailto语法，<a
href="mailto:dreamdu@dreamdu.com">给我写邮件</a>

11、form表单中post与get方法比较
使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
<form   method="传送方式"   action="服务器文件">
所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）。
当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。
<form>

   <input type="text/password" name="名称" value="文本" />
</form>
（1）、type：
当type=”text”时，输入框为文本输入框;
当type=”password”时, 输入框为密码输入框。
（2）、name：为文本框命名，以备后台程序ASP 、PHP使用。
（3）、value：为文本输入框设置默认值。(一般起到提示作用)

12、<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

13、<form>标签（无比强大的标签）

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。