这是我参与【第五届青训营】的第1天。

1.HTML是什么？

html是超文本标记语言,是用来描述web文档的一种标记语言,使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

2.前端是什么？

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

3.HTML的语法

标签和属性值不区分大小写，推荐小写。空标签可以不闭合，比如input。属性值推荐用双引号包裹，一些属性可以忽略。

4.HTML的结构

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>    
</body>
</html>

其中DOCTYPE是告诉浏览器，当前当前的文本是HTML5。html标签是HTML的开头和结尾标签，lang="en"表示语言是英文，也可以lang="zh"中文，也可以不写，不影响。 head是HTML的头部标签，里面可以写标题以及编码等，body则是HTML的主体内容。

5.HTML中的常用标签

标题标签从h1到h6，逐次重要性降低的双标签。
列表标签有序ol，无序ul，均包裹li标签，自定义列表dl，其中dt标签是标题，dd是子内容。
链接标签 < a href=" ">百度</ a>  < a href="https://www.baidu.com" target="_blank">百度</ a>  herf属性的属性值是当前要打开的链接，target属性表示打开方式，不写target则默认为target="_self",即在当前页面打开，还有_blank,_self,_parent等。
多媒体标签可以引入图片音频和视频。
输入标签 input

    <input  type="range">
    <input type="number" min ="1",max="10" >
    <input type="date">
    <textarea name="" id="" cols="30" rows="10">1223</textarea>

多选框（name属性值相同）

        <input type="checkbox">
        <input type="checkbox" checked="checked">
     </p >

单选框

        <input type="radio" name="sport">
        <input type="radio" name="sport">
    </p >

下拉框

            <select name="" id="">
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
            </select>
        </p >

[ 前端与 HTML | 青训营笔记]