Day 1 HTML
谷歌浏览器调试工具切换移动端和web端方法：
或者按快捷键CTRL+shift+M，然后再刷新下页面即可。
基本标签
- <!DOCTYPE html>
- <html lang="en"></html>
- <head></head>
- <body></body>
常用标签
-
h1~h6标题标签：<h1>内容</h1>
-
批量生成标签方法：
h${标签}*6
-
使用浏览器调试工具查看样式信息
- 鼠标移动到element窗口下的标签处，右边的styles窗口可见css信息
- user agent stylesheet表示浏览器默认的样式
- 鼠标移动到element窗口下的标签处，右边的styles窗口可见css信息
-
-
p标签，段落标签：<p>内容</p>
- 若在body中直接复制多段话，中间即使空很多段，在浏览器上展示只有一个空格，所以才要用p标签来分段落
-
img标签，图片标签：<img src="">
- src属性：告诉浏览器图片的地址
- 路径有分绝对路径和相对路径
- 直接复制网络上图片的地址就是绝对路径
- 相对路径就是目录下其他
- 路径有分绝对路径和相对路径
- src属性：告诉浏览器图片的地址
-
列表标签
-
无序列表（默认小圆点）
-
<ol>
<li></li>
</ol>
-
快速生成：ul>li{内容$}*6
-
-
有序列表(有数字序号)
-
<ol>
<li></li>
</ol>
-
快速生成：ol>li{内容$}*6
-
-
-
a标签，链接标签：<a href="地址">
- href属性是告诉浏览器地址的
- 同样也有绝对路径和相对路径
- 可用于页面内跳转
- 可跳转至其他标签
- 同样也有绝对路径和相对路径
- href属性是告诉浏览器地址的
-
div容器标签：<div></div>
- 充当容器将其他内容包裹起来
-
自定义标签
- 支持自定义标签，没有任何默认样式
- 属性也可以自定义
-
form表单标签<form action="" method=""></form>
- action是将表单的数据提交到的地址
- method是提交的方法：get、post
-
input输入框标签：
- 属性有：type、name、id、value
- type：定义输入的类型
- text
- password，定义为这个类型的会用小圆点表示内容，加密
- submit，定义为这个类型的，会展示成按钮
- name：提交数据的名称
- 例如百度的搜索框的name就是：wd
- value：提交数据输入框的值
- 就是用户输入的内容
- placeholder：预置文字，就是输入框里面默认的文字
- type：定义输入的类型
- 属性有：type、name、id、value
写一个搜索框并实现搜索的小项目
<form action="www.baidu.com/s" method="get">
<input type="text" name="wd" id="">
<input type="submit" value="搜索">
</form>
