1、html语法规范

单标签、双标签

    <html/>
    <html> </html>

包含关系、并列关系

    <html>
         <head></head>
         <boby></boby>
    </html>

2、html基本结构标签

结构：文档的头部、标题、主体

    <html>
         <head>
             <title></title>
         </head>
         <boby></boby>
    </html>

3、开发工具

工具

使用VS Code

文档声明标签

<!DOCTYPE html>

表示html5，声明标签必须位于文档最前面

<html lang="zh-CN">

表明是中文网页

<meta charset="UTF-8 "/>

采取UTF-8编码方式来保存文字

4、html常用标签

标题标签有6个等级：<h1>-<h6>

段落标签：<p></p>

换行标签：<br/>

文本格式化标签
加粗：<strong><strong/>h或者<b><b/>
斜体：<em><em/>或者<i><i/>
删除线：<del><del/>或者<s><s/>
下划线：<ins><ins/>或者<u><u/>

<div>和<span>标签：没有具体语义的盒子，用来装内容，<div>独占一行，而一行可以有多个<span>

图像标签和路径：标签和属性，以及属性之间用空格隔开

<img src="图像URL" alt="图像显示不出来，显示替换文本" title="鼠标放到图像上时提示内容"
width="图像宽度" heigth="图像高度" border="图像边框"/>

超链接标签：<a>

<a href="用于指定链接目标的url地址（必须属性）" target="打开方式，'_self'为默认值，'_blank'为新窗口打开">文本或者图像<a/>
<h4>外部链接</h4>
    <a href="http://www.baidu.com">百度</a>
    
<h4>内部链接</h4>
    <a href="html文件路径" target="_blank">图像标签</a>
    
<h4>3、空链接</h4>
    <a href="#" target="_blank">空连接</a>

<h4>4、下载链接</h4>
    <a href="*.zip" target="_blank">下载链接</a>

<h4>5、网页元素链接</h4>
    <a href="http://www.baidu.com" target="_blank"><img src="*.gif"/></a>
    
<h4>6、锚链接：快速定位页面某个位置</h4>
    <h4>目录</h4>
    1 子标题一<br/>
    2 <a href="#two">子标题二</a><br/>
    
    <h5>子标题一</h5>
    ......
    
    <h5 id="two">子标题二</h5>
    ......

5、html中的注释和特殊字符

 <!-- 注释标签 快捷键: crtl + / -->
 空格&nbsp;大于号&gt;小于号&lt;

6、表格标签

<table>是表格
<tr>是指行
<th>是表头单元格，加粗
<td>是普通单元格

<!--   表格位置        表格边框   单元格内间距     单元格间间距     表格宽      表格高-->
<table align="center" border="1" cellpadding="0" cellspacing="0" width="400" height="200">
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>刘德华</td>
            <td>男</td>
            <td>56</td>
        </tr>
        <tr>
            <td>刘德华</td>
            <td>男</td>
            <td>56</td>
        </tr>
    </table>

<thead>标签表格的头部区域、<tboby>标签表格的主体区域跨行合并：rowspan="合并单元格的个数" 最上侧单元格写合并代码
跨列合并：colspan="合并单元格的个数" 最左侧单元格写合并代码

7、列表标签

7.1、无序列表

<ul>里面只能放<li>标签，<li>里面可以放任何东西,<li>无序

    <ul>
        <li>榴莲</li>
        <li>臭豆腐</li>
        <li>鲱鱼罐头</li>
    </ul>

7.2、有序列表

<ol>里面只能放<li>标签，<li>里面可以放任何东西，<li>有序

    <ol>
        <li>榴莲</li>
        <li>臭豆腐</li>
        <li>鲱鱼罐头</li>
    </ol>

7.3、自定义列表

<dl>表示自定义列表，<dt>定义项目名称，<dd>描述项目要点

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

注意：<dl>里面只能有<dt>和<dd>

8、表单标签

<from>是表单域，里面每一行的元素用<input>

<select>是下拉列表，选项用<option>

<textarea>是文本域

HTML基础知识总结