0
点赞
收藏
分享

微信扫一扫

网页制作 HTML基础结构、标记

奔跑的酆 2022-01-21 阅读 33
html前端

网页制作HTML

HTML基本结构

<! doctype html>告知浏览器文档所使用的HTML规范
<html>文件开始标志
<head>文件头开始标志...
文件头内容(一般包括标题和主题信息)
</head>文件头结束标志
<body>文件主体开始标志...
文件主体内容(网页要显示的内容)
</body>文件主体结束标志
</html>文件结束标志

基本结构网页

<! doctype html>
<html>
<head>
文件头内容
</head>
<body>
文件主体内容
</body>
</html>

编辑保存为.html文件后打开
在这里插入图片描述

HTML基本标记

标题title

在文件头信息中

<title> 标题 </title>

如:

<! doctype html>
<html>
<head>
<title> 标题 </title>
</head>
<body>
内容
</body>
</html>

得到网页如图:
在这里插入图片描述

元信息meta

用于定义页面信息的说明、关键字、刷新等。
放在文件头信息中。

关键字keywords
设置关键字,便于搜索引擎检索信息。

<meta name="keywords" content="插入关键字">

页面说明description
设置页面说明,用于详细说明网页内容,便于搜索引擎检索信息。

<meta name="description" content="设置页面说明">

编辑工具generator
设置网页编辑工具名称

<meta name="generator" content="编辑软件名称">
<meta name="author" content="作者姓名">

文字语言content-type
设置网页语言的编码方式

<meta http-equiv="content-type" content="text/html;charset=字符集类型" />

这里的字符集类型如
中文:gb2312 英文:ISO-8859-1 日文:euc-jp

定时跳转refresh
设置网页自动跳转的时间及跳转地址

<meta http-equiv="refresh" content="跳转时间;url=跳转到的地址" >

注释! - -

<!-- 注释的内容 -->

标题字h

<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

标题字对齐align

<align="对齐方式">

对齐方式:
left 左对齐
center 居中对齐
right 右对齐

<! doctype html>
<html>
<head>
<meta name="keywords" content="html标题字">
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title> 标题字 </title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4 align="left">4级标题</h4>
<h5 align="center">5级标题</h5>
<h6 align="right">6级标题</h6>
</body>
</html>

得到如图
在这里插入图片描述

段落p

<p> 段落文字 </p>

换行br

在不起另一段的情况下强制换行

<br> 

不换行nobr
用于禁止自动换行

<nobr> 不换行</nobr>

水平线

使用水平线分隔

<hr>

如:

<! doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>诗经</title>
</head>
<body>
<p align="left">《诗经》,是中国古代诗歌开端,最早的一部诗歌总集,收集了西周初年至春秋中叶(前11世纪至前6世纪)的诗歌,共311篇,其中6篇为笙诗,即只有标题,没有内容,称为笙诗六篇(《南陔》《白华》《华黍》《由庚》《崇丘》《由仪》),反映了周初至周晚期约五百年间的社会面貌。 </p>
<hr>
<p>《诗经》的作者佚名,绝大部分已经无法考证,传为尹吉甫采集、孔子编订。<br>《诗经》在先秦时期称为《诗》,或取其整数称《诗三百》。<br>西汉时被尊为儒家经典,始称《诗经》,并沿用至今。<br>诗经在内容上分为《风》《雅》《颂》三个部分。<br>《风》是周代各地的歌谣;《雅》是周人的正声雅乐,又分《小雅》和《大雅》;《颂》是周王庭和贵族宗庙祭祀的乐歌,又分为《周颂》《鲁颂》和《商颂》。</p>
</body>
</html>

得到如图:
在这里插入图片描述

文字中插入符号

空格

&nbsp

引号

&quot

&

&amp

大于

&gt

小于

&lt

&times
举报

相关推荐

0 条评论