HTML学习

HTML：超文本标记语言（Hyper Text Markup Language）

五大浏览器

浏览器内核

Web标准
Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

• 为什么需要Web标准
  
• Web标准由什么构成
  

VScode

• 使用
  代码整体右移：选中代码+tab
  代码整体左移：选中代码+tab+shift
  生成页面骨架：!+tab
  放大视图：ctrl+加号键
  缩小视图：ctrl+减号键

• 打开目录文件夹
  文件——打开文件夹
  直接把目录文件夹往里拖

• 安装插件
  
  推荐安装插件：
  

特殊字符

标签

• 标题

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

• 段落

<p></p>

• 换行

<br />

• 粗体

<strong></strong>或者<b></b>

• 斜体

<em></em>或者<i></i>

• 下划线

<ins></ins>或者<u></u>

• 删除线

<del></del>或者<s></s>

• 盒子

<div>一行一个</div>
<span>一行多个</span>

• 图片

<img src="" alt="" title="" width="" height="" border="" />

绝对路径：

相对路径：

• 超链接

<a href="跳转目标" target="目标窗口弹出方式（_self|_blank）"></a>
_self：当前窗口打开（默认）
_blank：新窗口打开

• 注释

 <!--注释-->
 快捷键：control+/

• 表格

<table align="center|left|right" border="" cellpadding="" cellspacing="0" width="" height="">
        <thead>//头部区域
            <tr>//行
                <th colspan="" rowspan=""></th>//表头单元格（内里文字自动加粗居中）
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>//主体区域
            <tr>
                <td colspan="" rowspan=""></td>//普通单元格
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>

• 列表

有序列表：

<ol>
        <li></li>
        <li></li>
        <li></li>
</ol>

无序列表：

<ul>
        <li></li>
        <li></li>
        <li></li>
</ul>

自定义列表：

<dl>
        <dt>名词1</dt>
        <dd>名词1解释1</dd>
        <dd>名词1解释2</dd>
        <dt>名词2</dt>
        <dd>名词2解释1</dd>
        <dd>名词2解释2</dd>
        <dd>名词2解释3</dd>
</dl>

• 表单（目的：收集用户信息）
  

<form action="url地址" method="get|post" name="">//表单域(将其范围内的表单元素信息提交给服务器)
        <input type="button" value="" name="">//普通按钮(通常与JS连用)
        <input type="submit" value="" name="">//提交按钮(将表单数据发送至服务器)
        <input type="reset" value=""  name="">//重置按钮
        <input type="image" value="" name="">//图像形式的按钮
        <input type="radio" value="" name="">//单选按钮(同组radio的name必须相同——才能实现单选)
        <input type="checkbox" value="" name="">//复选框(同组checkbox的name必须相同)
        <input type="text" value="" name="">//文本域(单行输入，默认宽度20字符)
        <input type="password" value="" name="">//密码域
        <input type="file" value="" name="">//文件上传
        <input type="hidden" value="" name="">//隐藏的输入字段
        <select name="" id="">//下拉列表（至少包含一个<option>，<option>中定义selected="selected"时，当前项即为默认选中项）
            <option value="">选项1</option>
            <option value="">选项2</option>
            <option value="">选项3</option>
        </select>
        <textarea name="" id="" cols="" rows=""></textarea>//文本框(cols=“每行中的字符数” ，rows=“显示的行数”，我们在实际开发中不会使用，都是用 CSS 来改变大小)
</form>

<label>标签：

<form>常用属性：

<input>常用属性：