HTML基础

最新推荐文章于 2022-07-27 18:33:48 发布

weixin_30823227

最新推荐文章于 2022-07-27 18:33:48 发布

阅读量82

点赞数

原文链接：http://www.cnblogs.com/zhai1997/p/11405228.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、段落标记

<!DOCTYPE html>
<html>

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

    <body>

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

    </body>

</html>

5、换行（单标记）

<!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）粗体文字

<!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>

转载于:https://www.cnblogs.com/zhai1997/p/11405228.html

weixin_30823227

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

1、概念 HTML (HyperTextMarkupLanguage)超文本标记语言，是构成web页面的基础。html不是编程语言，而是标记语言（将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码）。2、基本结构<!DOCTYPE html><html> <head> ...
复制链接

扫一扫