超文本标记语言(html)之文字编辑
一、编辑内容
1.添加文字
基本语法
<body>
请在此处添加文字
</body>
语法说明
在网页中添加文字,只要在<body></body>之间,需要插入文字的地方输入文字就可以实现。
2 添加注释<! ---->
在HTML文件中,为了增加代码的可读性,需要对代码添加必要的注释。这些注释语句可方便编写者的检查与维护,同时这些注释信息也不会在网页中被显示。
基本语法
<html>
<head>
<!--请在此处添加注释语句-->
<title>添加语句</title>
</head>
<body>
<!--请在此处添加注释语句-->
</body>
</html>
实例代码:
<html>
<head><!--请在此添加注释语句!--><title>添加注释</title>
</head>
<body><!--请在此添加注释语句!-->清华大学出版社<Br>版权所有,违者必究!
</body>
</html>
![](/assets/blank.gif)
3 .添加空格
在HTML文件中,添加空格的方式与其他文档添加空格的方式不同,网页中添加空格是通过代码控制,在Word、记事本、写字板中输入空格可以直接通过键盘空格键输入。
基本语法
<body>
</body>
语法说明
在HTML文件中,添加空格需要使用代码" "控制,需要多少个空格就需要添加多少个" "。
实例代码:
<html>
<head>
<title>添加空格</title>
</head>
<body>
财政部有关负责人说,所谓"首购",是指对于国内企业或科研机构生产或开发的,暂不具有市场竞争力,但符合国民经济发展要求、代表先进技术发展方向的首次投向市场的产品,通过政府采购方式由采购人或政府首先采购的行为。
</body>
</html>
![](/assets/blank.gif)
4 . 添加删除线
在HTML文件中,给需要添加删除线的文字使用成对的<strike></strike>标记,就可以添加删除线
基本语法
<body>
<strike>请在此输入需要添加删除线的文字</strike>
</body>
语法说明
在成对的<strike></strike>标记之间输入文字,在网页中显示改标记之间的文字就是被添加了删除线后的显示效果
实例代码:
<html>
<head>
<title>添加删除线</title>
</head>
<body>
给下面文字添加删除线<br>
<strike>添加了删除线的文字</strike>
</body>
</html>
![](/assets/blank.gif)
二、文字效果
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>
![](/assets/blank.gif)
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>
![](/assets/blank.gif)
3. 设置文字标注标记<ruby>
在HTML文件中,有时需要对某个字、词或者某个段进行说明,可以通过添加文字的标注标记来完成对网页中文字的说明。
基本语法:
<ruby>
被说明的文字
<rt>
文字的标注
</rt>
</ruby>
语法说明:
利用成对的<ruby><rt>标记,可以对网页中的文字进行标注。
实例代码
<html>
<head>
<title>设置文字标注标记</title>
</head>
<body><ruby>当代最可爱的人<rt>志愿军</rt>
</ruby>
</body>
</html>
![](/assets/blank.gif)
三、文字修饰
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>
![](/assets/blank.gif)
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>
![](/assets/blank.gif)
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>
![](/assets/blank.gif)
超文本标记语言(html)之文字编辑相关推荐
- HTML - 超文本标记语言 (Hyper Text Markup Language)
HTML - 超文本标记语言 (Hyper Text Markup Language) HTML是建设网站/网页制作主要语言. HTML是一种易于学习的标记语言. HTML使用像 <p> ...
- 超文本标记语言HTML
介绍html文档的基本结构,html常用标签的使用,理解html语言制作网页基本原理. html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母 ...
- 超文本标记语言是指Java_超文本标记语言(HTML)
超文本标记语言(HyperText MarkUp Language,HTML) HTML是用来制作网页的标记语言,HTML不需要编译,直接由浏览器解析: HTML文件是一个文本文件,包含了一些HTML ...
- python---Web前端HTML(超文本标记语言)
文章目录 Web前端开发介绍 Web概述 Web起源 Web的特点 Web工作原理 URL介绍 HTML网页结构 HTML基本结构 HTML文档规范与注释 HTML标签 文本标签 列表标签 图片标签i ...
- Web前端—01HTML超文本标记语言
文章目录 一.Wed前端开发介绍 1.Web概述 2.Web起源 3.Web的特点 4.Web工作原理 5.URL介绍 二.HTML网页结构 1.HTML介绍 2.HTML基本结构 3.文档类型 4. ...
- python进阶之web前端(01—HTML超文本标记语言)
目录 01.Web前端开发介绍 1.Web前端开发概述 2.Web起源 3.Web特点 4.Web工作原理 5.URL介绍 02.HTML网页结构 1.HTML基本结构 2.HTML文档类型 3.HT ...
- python前端——HTML超文本标记语言、CSS层叠样式表
01.Web前端开发介绍 1.Web前端开发概述 1)什么是Web开发? 前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术. ...
- Web前端之HTML超文本标记语言
文章目录 一.Web前端开发介绍 1.Web前端开发概述 1)什么是Web开发? 2)Web前端开发核心技术 (1)HTML语言(超文本标记语言,相当于一个整体的框架) (2)CSS(层叠样式表,用来 ...
- html:超文本标记语言的特点
html:超文本标记语言 html全称英文是 hyper text markup language叫做超文本标记语言,html 就是用来去制作网页的一种标记语言,它就是一种纯文本格式的文件 html特 ...
- html5知识点:超文本标记语言编程
超文本标记语言,标准通用标记语言下的一个应用. "超文本"就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括"头"部分(英语 ...
最新文章
- WINCE6.0添加特定的软件键盘
- 元素周期表超清pdf_重磅分享||化学II卷5个大题汇编PDF
- cisco 《连接网络》实验wan综合实验_GNS3实验环境优化与安装
- 如何选择和计算滤波电容?--电容使用详述
- vaadin_Vaadin Flow –奇妙的鹿
- Startlsback常见使用过程中的问题
- Servlet Request
- 计算机组成原理课件ppt6,唐朔飞 计算机组成原理课件6.ppt
- 一个合格的ACMer的代码当中,都藏着哪些秘密?
- 力压今日头条成 App Store 榜第一,个税 App 惊爆 62 例木马病毒!
- 安全公司本意告警用户,不料先遭攻击并泄露超50亿个人数据
- Bailian3250 字母重排【排序】
- 2020-12-26
- MP3参数,格式,术语有关一切内容详解。
- 如何写一篇数据分析报告3 - 分析背景是什么
- HEVC学习-帧内预测-initAdiPattern函数
- OpenStack组件部署之Placement
- 武汉有哪些大学 计算机专业比较强,武汉有哪些计算机好的大学排名
- box模型之margin
- 字符数组 - 数组名
热门文章
- Flask # 部署与生产环境
- 请问下C#做UG二次开发,需要再UF函数里输入UI界面中用户输入的值,怎么修改double和char*的类型?
- 【病因】 神经衰弱的几大病因
- DBCO-PEG-DTPA,溶于大部分有机溶剂,在水中有很好的溶解性,DBCO-PEG连接剂,DBCO试剂是一类含有非常活泼的DBCO((二苯并环辛基)基团的标记试剂,
- Lipid CL1 CAS:1450888-71-7 可电离阳离子类脂质
- 写一个简单的python_Python简洁写法(一)
- 影响股票估值的主要因素
- 【Paper】2021_一阶非线性多智能体的间歇采样一致性设计
- mysql can#039;t find record in_复制中出现Can't find record in ''错误
- 《初学者C51自学笔记》之89C51初步认识