HTML简介和标签练习（一）

最新推荐文章于 2024-05-05 07:41:03 发布

VIP文章测试小小渣

最新推荐文章于 2024-05-05 07:41:03 发布

阅读量500

点赞数 2

分类专栏： web前端文章标签： html webview

本文链接：https://blog.csdn.net/Liu_xuan_/article/details/123400913

版权

一、HTML简介

HTML全称：Hyper Text Markup Language 超文本标记语言，可以标记字体颜色、视频、音频等。

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称为表现。

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单，或鼠标滑过表格的背景颜色改变。还有焦点新闻的轮换。有动画的，有交互的一般都是用JavaScript来实现的。

二、基本语法

语法概述：由尖括号包围的关键字词，例如：<html>

标签类型：双标签、单标签。

双标签：成对出现，例如<html> 和 </html>

单标签：单独出现，例如<br />，在html5中表明/可以不加，为<br>

标签关系：包含关系、并列关系。

包含关系：

<head>
    <title></title>
</head>

并列关系：

<head>
</head>
<body> 
</body>

三、Html的标准结构

Html的标准结构：
<html>---根标签
    <head>---头标签：主要是指定当前网页的编码格式以及当前窗口标题
        <meta charset="utf-8" />--规定当前编码格式
        <title> ---当前窗口标题</title>
    </head>
    <body>---当前html页面在浏览器中显示的内容
    </body>
    <address>地址标签</address>
</html>

三、标签练习

前提准备：创建一个文件，文件名后缀修改为.html，例：test3_7.html。

1、窗口标题标签

标签名：<title></title>

练习代码：

<html>
    <head>
        <title>这里是浏览器窗口标题</title>
    </head>
    <body>
    </body>
</html>

显示结果：

2、标题标签

标签名：<h1></h1>...<h6></h6>

练习代码：

<html>
    <head>
        <title>这里是浏览器窗口标题</title>
    </head>
    <body>
        <h1>第一个标题</h1>
        <h2>第二个标题</h2>
        <h3>第三个标题</h3>
        <h4>第四个标题</h4>
        <h5>第五个标题</h5>
        <h6>第六个标题</h6>
    </body>
</html>

显示结果：