初学HTML用法大全指导(一)html对文本的设置

来源：互联网发布：动态网页制作python 编辑：程序博客网时间：2024/05/17 01:19

今天我来聊一聊web前端的脚本语言Html，HTML又称Hyper Text Markup Language即超文本标记语言，它是用来描述网页的一种脚本语言，不是一种编辑语言。今天我就大概讲讲html中一些常用到的标签。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>网页标题</title></head><body>网页正文，你好，Html!</body></html>

上面是Html用到的最基本的结构，充分说明了Html是一种计算机脚本语言，由各种标签组成，其中最外层是<html></html>标签，它是最明显的标志着这个页面时html脚本语言的页面；<head></head>是头部，其中CSS与JS可以写在这个区域。<meta charset="utf-8">这个是标志着这个页面是UTF-8的显示页面。<title></title>标签是显示网页的标题，在网页的最上面显示，一般内容与这个网页所显示的内容有关。<body></body>这个标签里面是正文，显示网页的主体骨架部分。其实html是一种弱语言，它可以不要任何标签，只写内容，在浏览器打开时，它也会被显示在浏览器页面里面。

html脚本语言是一种弱类型语言，其规则很弱，即使语言标签用的不对，在web页面也会被显示出来。不同的浏览器对web网页的兼容性有很大差异，所以在计算机行业就有这么一类人专门去测试html页面在不同浏览器显示的效果，以方便去满足更多用户的需要，使更多用户都可以用自己的浏览器达到浏览的最好的效果。

下面我来给大家介绍一下html页面中经常用到的一些label。

1： ：换行标签；<hr>：分隔符标签；<h1>~<h6>：标题由大到小标签；<center>：文字居中标签；<blockquote>：文字段落缩进标签；

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>标题标签、分隔符标签、段落标签、文字居中标签、文字段落缩进标签</title></head><body><center><h1>1号标题</h1><h2>2号标题</h2><h3>3号标题</h3><h4>4号标题</h4><h5>5号标题</h5><h6>6号标题</h6><hr><p>这是一个不带段落缩进的标签，标示着这是一个段落。段落就是一大段文字来描述一个事实。比如：Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。</p><blockquote>这是一个带段落缩进的标签，标示着这是一个段落。段落就是一大段文字来描述一个事实。比如：Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。</blockquote></center></body></html>

2 ：设置文字列表标签：<ul>：无序列表；<ol>：有序列表；

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>无序与有序列表</title></head><body><ul><li>1</li><li>2</li><li>3</li></ul><ol><li>1</li><li>2</li><li>3</li></ol></body></html>

3：<align>：控制段落的水平位置；<bgcolor>：设置背景颜色；：设置文字的颜色和大小标签；：文字以粗体方式显示；：文字以斜体方式显示；：文字以加下划线方式显示；<s>：文字以加删除方式显示；<big>：文字以放大方式显示；：文字以缩小的方式显示；：文字以加强强调方式显示；：文字以强调方式显示；<code>：代码片段；<adress>：地址标签；

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>标签</title></head><body bgcolor="gray"><p align="center">段落居中</p><hr><p align="center"> <b>文字以粗体方式显示</b><br><i>文字以斜体方式显示</i><br><u>文字以加下划线方式显示</u><br><s>文字以加删除方式显示</s><br><big>文字以放大方式显示</big><br><small>文字以缩小的方式显示</small><br><strong>文字以加强强调方式显示</strong><br><em>文字以强调方式显示</em><br><code>this is a code</code><br></p><address align="center">498908522@qq.com</address><br><hr>这是一个<font color="red" size="10">font标签</font></body></html>

4：特殊的符号：小于号<显示：&lt；大于号>显示：&gt；版权号显示：&copy；上标：；下标：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>特殊文字符号</title></head><body><p align="center">小于号：&lt; <br/>大于号：&gt; <br/>版权号：&copy;<br/>上标号：X<sup>2</sup><br/>下标号：X<sub>3</sub><br/></p></body></html>

0 0