一、编辑内容
1.添加文字
基本语法
<body>
请在此处添加文字
</body>
语法说明
在网页中添加文字,只要在<body></body>之间,需要插入文字的地方输入文字就可以实现。
2 添加注释<! ---->
在HTML文件中,为了增加代码的可读性,需要对代码添加必要的注释。这些注释语句可方便编写者的检查与维护,同时这些注释信息也不会在网页中被显示。
基本语法
<html>
<head>
<!--请在此处添加注释语句-->
<title>添加语句</title>
</head>
<body>
<!--请在此处添加注释语句-->
</body>
</html>
实例代码:
<html>
<head>
<!--请在此添加注释语句!-->
<title>添加注释</title>
</head>
<body>
<!--请在此添加注释语句!-->
清华大学出版社<Br>
版权所有,违者必究!
</body>
</html>
3 .添加空格
在HTML文件中,添加空格的方式与其他文档添加空格的方式不同,网页中添加空格是通过代码控制,在Word、记事本、写字板中输入空格可以直接通过键盘空格键输入。
基本语法
<body>
</body>
语法说明
在HTML文件中,添加空格需要使用代码" "控制,需要多少个空格就需要添加多少个" "。
实例代码:
<html>
<head>
<title>添加空格</title>
</head>
<body>
财政部有关负责人说,所谓"首购",是指对于国内企业或科研机构生产或开发的,暂不具有市场竞争力,但符合国民经济发展要求、代表先进技术发展方向的首次投向市场的产品,通过政府采购方式由采购人或政府首先采购的行为。
</body>
</html>
4 . 添加删除线
在HTML文件中,给需要添加删除线的文字使用成对的<strike></strike>标记,就可以添加删除线
基本语法
<body>
<strike>请在此输入需要添加删除线的文字</strike>
</body>
语法说明
在成对的<strike></strike>标记之间输入文字,在网页中显示改标记之间的文字就是被添加了删除线后的显示效果
实例代码:
<html>
<head>
<title>添加删除线</title>
</head>
<body>
给下面文字添加删除线<br>
<strike>添加了删除线的文字</strike>
</body>
</html>
二、文字效果
1.标题文字标签<hn>
<hn>标签一共为6级
基本语法:
<hn align=参数值>标题文字</hn>
align属性值为right,left(默认),center
实例代码:
<html>
<head>
<title>标题文字标签</title>
</head>
<body>
<h1 align="center">Header Level 1</h1>
<h2> Header Level 2</h2>
<h3> Header Level 3</h3>
<h4> Header Level 4</h4>
<h5> Header Level 5</h5>
<h6> Header Level 6</h6>
</body>
</html>
2. 编辑网页文字样式
基本语法
<body>
<font face=" " size=" " color=" "></font>
<body>
语法说明
在HTML文件中,利用成对标记就可以将网页中的文字根据需要,对其进行样式的编辑。
实例代码:
<html>
<head>
<title>编辑网页文字样式</title>
</head>
<body>
没有使用效果后的文字!<br>
<font face="楷体" size="6" color="#00ffff">
使用效果后的文字
</font>
</body>
</html>
3. 设置文字标注标记<ruby>
在HTML文件中,有时需要对某个字、词或者某个段进行说明,可以通过添加文字的标注标记来完成对网页中文字的说明。
基本语法:
<ruby>
被说明的文字
<rt>
文字的标注
</rt>
</ruby>
语法说明:
利用成对的<ruby><rt>标记,可以对网页中的文字进行标注。
实例代码
<html>
<head>
<title>设置文字标注标记</title>
</head>
<body>
<ruby>
当代最可爱的人
<rt>
志愿军
</rt>
</ruby>
</body>
</html>
三、文字修饰
1.简单修饰文字
基本语法
<body>
普通文字的显示<br>
<b>加粗的文字</b><br>
<i>斜体的文字</i><br>
<u>添加下划线的文字</u><br>
<big>放大</big><br>
<small>缩小</small><br>
</body>
实例代码:
<html>
<head>
<title>简单修饰文字</title>
</head>
<body>
普通文字的显示<br>
<b>加粗的文字</b><br>
<i>斜体文字</i><br>
<u>添加下划线文字</u><br>
</body>
</html>
2. 确定文字上下标
基本语法:
<body>
<sup>上标内容</sup><br>
<sub>下标内容</sub><br>
</body>
语法说明:
在HTML文件中,成对的<sup></sup>标记可以表示上标,利用成对的标记<sub></sub>表示下标。
实例代码:
<html>
<head>
<title>确定文字上下标</title>
</head>
<body>
解下面方程:<br>
x<sup>2</sup>-3x+2=0<br>
解:x<sub>1</sub>=1; x<sub>2</sub>=2<br>
</body>
</html>
3.设置地址文字
在网页中添加地址文字,是为了更方便地突出显示联系方式,将联系人的地址信息突出显示。
基本语法:
<body>
<address>请在此添加地址信息</address>
</body>
语法说明:
在HTML文件中,利用成对<address></address>标记就可以将网页需要显示的地址文件突出显示。
实例代码:
<html>
<head>
<title>设置地址文字</title>
</head>
<body>
书中有不恰当的地方,请您及时与我们联系:<br>
<address>清华大学出版社</address><br>
<address>E-mail:market@1.com.cn</address><br>
</body>
</html>