之前写的html学习的文章都是零零散散的，这次出个整合的专栏，把内容集中起来，做个知识复盘，顺带刷刷题。牛客网非常值得一用，刷题也很好刷！对于基础入门最合适不过。

博主主页：WDm-xmax 原id：GUIDM

收入专栏：零基础html学习/刷题

刷题网站：牛客网

目录

学习

一、html简介

二、结构

三、标题和段落标签

刷题（第一期）

---

学习

---

一、html简介

html（超文本标记语言），标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

二、结构

头部：中的内容， 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

可以添加到 head 部分：：设置了页面的标题

三、标题和段落标签

标题

---

标签

~

    <h1>这是1级别的标题h1>
    <h2>这是2级别的标题h2>
    <h3>这是3级别的标题h3>
    <h4>这是4级别的标题h4>
    <h5>这是5级别的标题h5>
    <h6>这是6级别的标题h6>

 效果如下：

插播一条小技巧 ：

创建多个不同标题标签

标签名${标题$文本内容}*标签重复次数

就如上面的，可以用

h${这是$级别的标题}*6

属性

 

 

 

 段落

标签

---

<p>天若无道，就该遵循天命p>
<p>天若有道……p>

效果如下：

 属性

 

 

 

 

 

---

---

刷题（第一期）

---

第一题：

解题：导航标签为

标签定义文档的页眉（介绍信息）

 <header>
        <nav>nav>
 header>

第二题：

 解题：输入框为input标签

使用type属性的password值为密码，checkbox为复选框。

默认值使用value属性，已勾选状态使用checked属性。

<form>
    
    <input type='password' value='nowcoder'/>
    <input type='checkbox' checked/>
form>

第三题：

解题：表格结构为

       

           

       

表格标题：

<table>
        <caption>nowcodercaption>
        <tr>
            <td>td>
            <td>td>
            <td>td>
        tr>
 
        <tr>
            <td>td>
            <td>td>
            <td>td>
        tr>
table>

 第四题：

解题：新窗口打开文档，用a标签的target属性的_blank 值。

 <a href="#" target="_blank">a>

第五题：

解题：自定义列表格式

 

   

 

<dl>
        <dt>nowcoderdt>
        <dd>nowcoderdd>
dl>