HTML基本结构和语法

时间:2022-12-31 14:20:15

Hello World

<!DOCTYPE html>
<html>
    <head>
        <!-- 指定网页编码格式 -->
        <meta charset="utf-8" />
        
        <!-- 下面2个标签有利于搜索引擎对网页的索引 -->
        <meta name="description" content="这是我的第一个网页" />
        <meta name="keywords" content="个人网站" />
        <title></title>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>

标签和注释

标签的语法:

1.<标签名</标签名)                        本例中像meta标签,br换行标签

2.<标签名/>(自闭合标签)

注释的语法:

<!-- 注释内容 -->

注意:标签名必须小写

HTML树形结构

HTML基本结构和语法

常用的HTML标签

参考:HTML标签

标签分类

文字

HTML基本结构和语法

布局

HTML基本结构和语法

HTML基本结构和语法

列表

HTML基本结构和语法

表格

HTML基本结构和语法

HTML基本结构和语法

HTML基本结构和语法

HTML基本结构和语法

表单

form表单是html与服务器通信的方式

HTML基本结构和语法

HTML基本结构和语法

HTML基本结构和语法

HTML基本结构和语法

HTML基本结构和语法

HTML基本结构和语法

超链接

HTML基本结构和语法

URL是URI的子集

图像

HTML基本结构和语法

iframe内联框架

<iframe> 标签会创建包含另外一个文档的内联框架,有效地将另一个 HTML 页面嵌入到当前页中

功能类标签

<link/>:引入外联CSS
<style></style>:内联CSS
<script></script>:javascript标签

自定义标签

自定义标签一定要小写