html快速入门

• HTML语言不区分大小写
• HTML语言不区分单双引号
  基本结构：
• HTML
  • head
    • title：浏览器标题
  • body

示例：

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>

<body>
    <p>Hello World!!!</p>
    <img src="test.png"/>
</body>

注意，img的src路径需要和html文件在同一个文件夹下。

空格占位符： 

图片标签

• src：图像的url - width：图片宽度 - height：图片高度

标题

从<h1>到<h6>

分割线

<hr>

无语义标签

• <span>没有语义，一行内可以有多个元素 ，不可以设置宽高
• <div>一行只显示一个，可设置宽高

超链接

<a></a>

• href：指定链接url
• target：指定在何处打开链接
  • _self：默认，在当前页面打开
  • _blank：在空白页面打开

视频

<video>

• src：视频的url
• controls：显示播放控件
• width/height：播放器的大小

表格

• <table>标签：表格整体（border：边框宽度，width:表格宽度，cellspacing：单元格之间的空间）
• <tr>表格的行，可以包裹多个<td>
• <td>表格单元格，可以包裹内容。如果是表头单元格，可以换成<th>

表单标签

<form>标签

• action：规定提交表单时向何处发送数据，url
• method：规定用于发送表单数据的方式。GET POST
  以get方式请求，会在url后面拼接表单数据
  以post方式请求，在消息体中传递，参数大小无限制

表单项：

• <input>：定义表单项，通过type属性控制输入形式
  
  label标签可以将包裹在内的所有元素融为一体，点击label内任意元素
  一个单选框的name必须一致
• <select>：定义下拉列表，<option>定义列表项
• <textarea>：定义文本区域