其他分享
首页 > 其他分享> > HTML基础

HTML基础

作者：互联网

1、概念

   HTML (Hyper Text Markup Language) 超文本标记语言 ，是构成web页面的基础。html不是编程语言，而是标记语言（将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码）。

2、基本结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>
    <body>
        <h1>你好</h1>
    </body>
</html>

(1)<head>   </head>：头部

(2)<title>    <title>：标题

(3)<body>  </body>：主题

（4）<meta>被标记后，在网页页面中不会显示。

3、标题字体大小(六级标题)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>
    <body>
        <h1>你好，使用好h1定义标题</h1>
        <h2>你好，使用好h2定义标题</h2>
        <h3>你好，使用好h3定义标题</h3>
        <h4>你好，使用好h4定义标题</h4>
        <h5>你好，使用好h5定义标题</h5>
        <h6>你好，使用好h6定义标题</h6>
    </body>
</html>

可以看出，h1标记的标题字体最大，h6最小。

4、段落标记<p>  </p>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body>

        <h3>将进酒</h3>
        <p>君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我倾耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌。 五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
        </p>

    </body>

</html>

5、换行（单标记）<br>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body>

        <h3>将进酒</h3>
        <p>君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。
            <br>与君歌一曲，请君为我倾耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌。 五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
        </p>

    </body>

</html>

(6)注释<!-- 注释内容 -->

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body>

        <p>你好</p><!--我是一个注释-->
    </body>

</html>

（7）粗体文字<b>  </b>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body>

        <p>你好，<b>我是粗体文字。</b></p><!--我是一个注释-->
    </body>

</html>

8、链接

<a href="链接">名称</a>
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body>
<a href="http://www.baidu.com">百度</a>
    </body>

</html>

9、添加背景图片

background=" "  铺满整个屏幕

<!DOCTYPE html>

<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body background="001.jpeg" >
    
    </body>

</html>

10、背景色

bgcolor="颜色"
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Hello html</title>
    </head>

    <body bgcolor="aqua" >
    <p>你好</p>
    </body>

</html>

 

 

 

标签：定义,将进酒,基础,html,标题,HTML,Hello,你好
来源： https://www.cnblogs.com/zhai1997/p/11405228.html