HTML速成教程

这篇博客详细介绍了HTML的基本标签,包括<HEAD></HEAD>、<TITLE></TITLE>、<META>、<BODY></BODY>等,以及头部信息、正文、字符样式、列表、链接、图片、颜色、表格、表单等各个方面的内容,是快速学习HTML的好资料。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.HTML速成教程

1.1.       基本标签

标签(Tag)是HTML语言的元素,几乎所有标签都有一个打开符号和关闭符号。例如<HEAD> 标签表示头部信息的开始位置,它拥有一个对应表示关闭的标签 </HEAD>.

1.1.1.    <HTML></HTML>HTML标签

这对标签告诉浏览器此文件是一个HTML文件。每个HTML文档都从<HTML>标签开始,对应的</HTML>标签是HTML文件的最后一个标签。

1.1.2.    <HEAD></HEAD>头部标签

这对标签之内的内容表示HTML文件的头部,一般用来存放文件相关的重要信息

1.1.3.    <TITLE></TITLE>标题标签

title是一个重要标签,一般表示在浏览器顶部显示的标题。这对标签嵌在<HEAD></HEAD>标签之内

 
     <html>
     <head>
     <title>HTML速成教程</title>
     </head>
     <body>
     </body>
     </html>

1.1.4.    <META>概要标签

另外可嵌入<HEAD></HEAD>标签之内的标签还有 <META>概要标签,一般用于协助搜索引擎去索引一个页面。有以下几种不同的概要元信息:

author作者信息:

 
     <META NAME="author" CONTENT="崔卢李">

description描述信息:

 
<META NAME="description" CONTENT="一个针对初学者的简易HTML速成教程">

keyword关键词信息,注意:使用逗号分隔关键词(SEO中也用不规范 的|竖线分隔)

 
<META NAME="keyword" CONTENT="html,tutorial,beginner,web design,教程,初学者,网页设计">

示例:

 
<head>
<title>HTML速成教程</title>
<meta name="Author"  content="崔卢李">
<meta name="Description" content="一个针对初学者的简易HTML速成教程">
<meta name="Keywords" content="html,tutorial,beginner,web design,教程,初学者,网页设计">
</head>

1.2.       <BODY></BODY>正文标签

Body正文标签定义网页的主体部分的开始和结束。在这一对标签之间可以放入各种重要标签,例如:images图片,links链接, text文本, paragraphs段落, forms表单等

1.3.       Character字符,Paragraph 段落和Position位置

1.1.5.    <H#></H#>标题标签

共有H1到H6的6个层级的标题标签,最大的标题为<H1>,最小的标题为<H6>,其他依此类推。这些标签一般用于正文的大纲视图分层级。

 
     <H1>最大文本</H1>
     ......
     <H6>最小文本</H6>

1.1.6.    <P></P>段落标签

P段落标签 <P></P>之间可以放入一个段落,如:

            <p>基本信息</p>

注意:</P>关闭标签可以省略。

1.1.7.    Align对齐属性

可以使用ALIGN标签来定义对齐方式。注意:默认为左对齐。

 
     <p ALIGN="center">段落文本居中对齐</p>  
     <p ALIGN="left"> 段落文本左对齐</p>
     <p ALIGN="right">段落文本右对齐</p> 

1.1.8.    <CENTER></CENTER>居中对齐标签

此标签可以使得网页中的文本居中对齐。

 
     <center><p> 段落居中</p></center>

1.1.9.    <BR>换行标签

可使其后文本新起一行,如:

 
     <p>欢迎光临<br> HTML入门教程官网!</p>

1.1.10.            <HR>水平分隔线

可以插入一条水平分隔线,HR标签可设置如下:

 
<hr width="450" align="right" size="5">

1.1.11.            &nbsp;空格

可以在文本中闯入空格 &nbsp;.

1.1.12.            <BLOCKQUOTE></BLOCKQUOTE>引用块

可定义引用的内容块,一般会在块的左右两边进行缩进(增加外边距),而且有时会使用斜体。

 
     <BLOCKQUOTE>    
     <H1>欢迎光临HTML入门教程官网!</H1>
     <p>教程内容</p>
     <p>基础信息</p>
     </BLOCKQUOTE>

1.1.13.            <PRE></PRE>预格式化

可定义预格式化段落文本,使得输入内容和显示内容一致,即所见即所得,经常用来显示源码

 
     <pre>
    物品  单价    数量
    ---------------------------------
      A       34.99        23
      B       25.95        13
    ---------------------------------
     </pre>

1.1.14.            Comments注释

comment注释标签里面的内容不会显示出来,使用如下:

 
     <!-- 这里是注释 -->

1.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值