HTML基本结构及基本标签

最新推荐文章于 2024-08-11 09:28:46 发布

awjdwb

最新推荐文章于 2024-08-11 09:28:46 发布

阅读量7.8k

点赞数 10

分类专栏： HTML 文章标签： HTML基本结构 HTML基本标签

本文链接：https://blog.csdn.net/awjdwb/article/details/81560821

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

什么是HTML： HTML是Hyper Text Markup Language的缩写，即超文本标记语言（所谓超文本可以理解为具有超能力的文本），是一种解释性语言，用于制作网页界面，使用该语言编写的网页最终被浏览器解释执行

HTML基本结构：

<html>//用来标记HTML文档的开始
    <head>    //用来标记HTML文档头部的开始

    </head>   //用来标记HTML文档头部的结束
    <body>    //用来标记HTML文档主体的开始

    </body>   //用来标记HTML文档主体的结束
</html>       //用来标记HTML文档的结束

HTML标签：
HTML标签指使用尖括号括起来的关键字，分为单标签和双标签
单标签：标签单独出现，语法：<标签名 / >
双标签：标签成对出现，语法：<标签名>内容< / 标签名>
注意：HTML标签中的标签名不区分大小写，但为了符合W3C规范，推荐使用小写。

head之间的子标签：
title标签：用于设置页面的标题
meta标签：用于提供关于页面的元信息

<head>
    <title>head的子标签</title>
    <meta chartset="UFT-8"/>//设定字符集，以防出现乱码
    <meta name="keywords" content="keywords1,keywords2,...keywordsn"/>//设定关键字
    <meta name="description" content="value"/>//设定描述
    <meta http-equiv="refresh" content="秒数;url=跳转目标地址"/>设定自动刷新或跳转
</head>

HTML标签属性：
HTML标签属性放在起始标签的尖括号内，如果有多个属性则使用空格分开，语法结构：
单标签：< 标签名属性名1=”属性值1” 属性名2=”属性值2” … 属性名N=”属性值N”/>
双标签：<标签名属性名1=”属性值1” 属性名2=”属性值2” … 属性名N=”属性值N”>内容< / 标签名>
注意：1.属性之间使用空格间隔；
2.属性出现的先后顺序没有要求；
3.为了符合W3C标准，要求所有的属性值都使用双引号引起来

注释： 语法结构< !–注释内容– >
注意：注释内容不会在浏览器渲染后的界面上显示出来，作用是便于程序员对程序的维护

特殊符号：
& nbsp ; 表示空格
& amp ; 表示&
& lt ; 表示<
& rt ; 表示>
& copy ; 表示版权符号

HTML基本标签：
b标签： 粗体，双标签
i标签： 斜体，双标签
del标签：删除线，双标签
p标签：段落标签，双标签，p标签只有一个align属性，其属性有left，right，center，justif四个值，方式文本的对齐
注意：不建议使用align属性，推荐使用text-align样式代替，CSS语法：< p style=”text-align:center;”>内容< /p>
hr标签：水平线标签，单标签，其属性有color（水平线颜色），noshade（设定水平线的颜色为纯色而不是有阴影的颜色），size（水平线高度，单位：像素），width（水平线宽度，单位：像素或%）以及align，其属性值有left，right，center三个
hn标签：标题标签，双标签，n的值为1~6,其中< h1>< /h1>定义最大的标题；只有一个align属性，其值和p标签align属性一样，但不建议使用该align属性，推荐使用text-align样式代替，其使用方法参见p标签
img标签：图像标签，单标签，该标签有src属性（图片URL）和alt属性（图片不存在时的代替文本）两个必需的属性，还有一些其它属性，常用的有：
1.height和width：设置图片的高度和宽度，单位为像素或%（注意：两者只要其一便可实现等比缩放，同时使用可能会使图片变形）
2.title：设定鼠标移到元素上时显示的信息，（注意：任何标签都有title属性，它不是img标签特有的）
a标签：属性有href用于指定打开的页面，target用于指定在哪个窗口中打开页面
ol标签：有序列表标签，双标签，有type和start两个属性，type用于指定ol子标签li的编号类型，默认为数字，还可以是字母，阿拉伯数字或罗马数字；start用于指定ol子标签li序号起始点，默认为1，必需为整形数字。
ul标签：无序列表标签，双标签，有type属性，该属性用于指定ul 子标签li的编号类型，默认为实心圆，其值可以为disc（实心圆），circle（空心圆），square（实心方块儿）