0
点赞
收藏
分享

微信扫一扫

Web前端基础—html

嚯霍嚯 2022-01-12 阅读 63
前端html

目录

 1. html简介

1.1 常用标签介绍

1.1.1 input

1.1.2 html的列表 

1.1.3 标题标签

1.1.4 分割线


1.1.5 视频播放

1.1.6 一个超简单的作业演示


 

 

 1. html简介

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>



</body>

</html>

HTML是英文HyperText Markup Language的缩写,即超级文本标记语言,是用于描述网页文档的一种标记语言。

HTML最初由蒂姆·本尼斯李(Tim Berners-Lee)于1989年在CERN(Conseil Europeen pour la Recherche Nucleaire)研制出来。考虑到人们使用的计算机差别很大,利用HTML格式将允许人们透明地共享网络上的信息,后来作为图文浏览器Mosaic的网页解释性语言,随着HTML的发展逐渐成了网页语言的标准。超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准

HTML通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,告诉浏览器显示其中的内容。它的结构包括"头"部分和"主体"部分,其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容。

HTML的标准由W3C负责开发和制定,W3C是World Wide Web Consortium

的缩写,即万维网联盟,万维网联盟是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

其主要特点如下:   

1、 简易性,HTML版本升级采用超集方式,从而更加灵活方便。   

2、可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。   

3、 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上.

版本 发表日期

HTML 2.0       RFC:1995年11月

HTML 3.2       1997年01月14日

HTML 4.0       1997年12月18日

HTML 4.01     1999年12月24日

HTML 5.0     2014年10月28日

1.1 常用标签介绍

 

 

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>1904</title>

</head>

<body>

<div>

    <img src="执照.jpg" alt="" width="200" height="400">

    <a href="https://www.baidu.com">百度</a> 链接标签

    <table>

        <thead>

            <tr>

                <td>序号</td>

                <td>姓名</td>

                <td>年龄</td>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>1</td>

                <td>mzm</td>

                <td>28</td>

            </tr>

            <tr>

                <td>2</td>

                <td>夏天</td>

                <td>19</td>

            </tr>

        </tbody>

    </table>

</div>

</body>

</html>

 

 

1.1.1 input

F12

<div><span>输入框1</span><input type="text"></div>

<div><span>输入框2</span><input type="password"></div>

<div><span>输入框3</span><input type="checkbox"></div>

<div><span>输入框4</span><input type="radio"></div>

<div><span>输入框5</span><input type="button" value="按钮1"></div>

1.1.2 html的列表 

<ul>

    <li>1</li>

    <li>2</li>

    <li>3</li>

    <li>4</li>

    <li>5</li>

    <li>6</li>

    <li>7</li>

    <li>8</li>

    <li>9</li>

    <li>10</li>

</ul>

1.1.3 标题标签

 

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

1.1.4 分割线<hr/>

垂直分割线<hr style="width:12px;height:1000px;background-color: green;"/>

1.1.5 视频播放

<video src="作业点评.mp4" controls="controls"></video>

1.1.6 一个超简单的作业演示

 

 

 

 

举报

相关推荐

0 条评论