HTML 基本标记使用

最新推荐文章于 2024-12-17 14:36:04 发布

家道前落的少爷

最新推荐文章于 2024-12-17 14:36:04 发布

阅读量265

点赞数

CC 4.0 BY-SA版权

分类专栏：初级学习-html 文章标签： html

本文链接：https://blog.csdn.net/m0_51385633/article/details/118691735

初级学习-html 专栏收录该内容

9 篇文章

订阅专栏

一、 Head容器的标记

1. title 元素 如果没有title元素则显示网页的文件名

<title> 标题 </title>

2. link 元素 链接另一个文档，name 链接赋名，rel 表明链接类型，href 指向相关文档

<link name="text" rel="text" href="URL">

3. meta 元素 定义网页关键词，网页简述，网页编码，网页刷新

<meta name="text" content="text">

<meta name="keywords" content="页面关键词">

<meta name="description" content="页面简述">

<meta http-equiv="Content=Type" content="text/html; charset=GB-2312">

<meta http-equiv="refresh" content="second,URL=targetURL">

下面来实践一下上述部分功能： feel good

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB-2312">
<meta http-equiv="Refresh" content="5;URL=http://www.163.com">
<title>META标记示例</title>
</head>
<body>
正在转向网易网...
</body>
</html>

4. base 元素 指定显示URL用于解析外部源的链接和引用

<base href="URL" target="text">

5. script 元素 在文档里设置脚本，该元素可在head和body中任意次出现

二、 Body容器的标记

1. <body> HTML最重要的部分，是一个容器，包含在其中的内容将显示在浏览器主窗口

<h#>text</h#>	定义标题，#表示标题层次，越小越重要，text表示标题
<p>	标记文档主体段落之间的间隔
<img src="URL">	插入图片，src表示图片地址
<a href=URL>text</a>	定义超文本链接属性，并返回用户结果
<hr>	设置一个横穿浏览器窗口的水平线
<address>text</address>	标记一个作为邮递地址或电子邮件的文本块
<br>	强制输出换行

<body> 元素对页面进行整体的规划和设置，比如背景颜色，背景图案，页面留白等

背景属性

bgColor

background

背景色

背景图案

文字属性

text

link

alink

vlink

正文文字颜色

链接文字颜色

活动链接文字颜色

已访问链接文字颜色

边距属性

leftmargin

topmargin

页面左侧的左边距

页面顶部的上边距

<body text=#000000 vLink=#0000cc aLink=#ff6600 link=#0000cc
bgColor=#ffffff onland=document.f.wd.focus()>