HTML文件基本标记（四）-设计网页文本内容

最新推荐文章于 2023-06-18 20:54:12 发布
最新推荐文章于 2023-06-18 20:54:12 发布
阅读量3.7k 收藏 4
点赞数 3
分类专栏： HTML学习笔记 文章标签： 标签 字体 color html 设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aliuxina/article/details/68237104
版权

1、标题文字

  • 标题文字标签：h1~h6；
  • 标题文字对齐方式：align=“left（左对齐）、center（居中）、right（右对齐）”

2、设置文字格式

  • 设置文字字体：face=“字体名称”；
  • 设置文字字号：size=“文字字号”；
  • 设置文字颜色：color=“颜色代码”；
  • 设置文字粗体：strong；
  • 设置文字斜体：em；
  • 设置文字下划线：u；
  • 设置文字上标：sup；
  • 设置文字下标：sub；
  • 设置文字删除线：strike；
  • 设置等宽文字标记：code；
  • 设置文字空格：&nbsp；
  • 设置文字其他特殊符号：
    这里写图片描述

3、设置文字段落格式

  • 段落标记：p；
  • 取消文字换行标记：nobr；
  • 换行标记：br；
  • 保留原始排版方式标记：pre；
  • 居中对齐标记：center；
  • 向右缩进标记：blockquote；

4、水平线标记

  • 添加水平线：hr；
  • 设置水平线宽度与高度：width、height；
  • 设置水平线颜色：color；
  • 设置水平线对齐方式：align；
  • 去掉水平线阴影：noshade；

5、其他文字标记

  • 文字标注标记：ruby；
  • 声明变量标记：var；
  • 忽视HTML标记：plaintext、xmp；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设计网页文本内容</title>
</head>
<body>
    <!-- HTML使用align属性来设置标题文字的对其方式，分别为left、center、right -->
    <h1 align="center">这是标题，分别用h1~h6表示；</h1>
    <h2 align="center">这是标题，分别用h1~h6表示；</h2>
    <h3 align="center">这是标题，分别用h1~h6表示；</h3>
    <h4 align="center">这是标题，分别用h1~h6表示；</h4>
    <h5 align="center">这是标题，分别用h1~h6表示；</h5>
    <h6 align="center">这是标题，分别用h1~h6表示；</h6>
    <!-- HTML使用face设置文字的字体;使用size设置文字的字号，默认为3号，可以设置1~7号;使用color设置文字的颜色 -->
    <font face="隶书" size="4" color="#EA0000">隶书4号字</font>
    <br />
    <font face="隶书" size="5" color="#EA0000">隶书5号字</font>
    <br />
    <!-- HTML使用strong或者<b>来设置字体加粗 -->
    <strong>字体加粗</strong>
    <br />
    <!-- HTML使用strong或者<I>来设置斜体字 -->
    <em>斜体字体</em>
    <br />
    <!-- HTML使用sup来给文字设置上标，使用sub来给文字设置下标 -->
    在方程式中使用上标:X<sup>3</sup>+9X<sup>2</sup>=0;<br /> 
    在文字中使用下标: 三十六计<sub>注释①</sub>走为上；<br />
    <!-- HTML使用code来设置文字的等宽效果 -->
    <code>等款效果：This is a apple.</code><br/>
    <!-- HTML使用&nbsp;来表示空格 -->
    我&nbsp;是&nbsp;测&nbsp;试&nbsp;工&nbsp;程&nbsp;师。<br/>
    <!-- HTML使用nobr来取消文字的换行效果，所有文字在一行中显示 -->
    <nobr>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</nobr>
</body>
</html>
溜溜的小胖
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web实验1 HTML标记基本应用与网页设计.doc
06-07
HTML标记基本应用与网页设计，书上各章节的试验题：包括HTML基础、格式化文本与段落，列表、超链接和浮动框架、图像与多媒体文件以及表格和表单。
【HTML/CSS/JavaScript】网页设计实验二（ 格式化文本、段落与列表）
qq_52384627的博客
11-09 7593
网页设计实验二一 文本与段落标记的应用二 设计新闻访问列表三 设计制度宣传展板四 制作饭店菜单价目表五 设计简易 Web 页面六 设计食品安全管理制度页面 一 文本与段落标记的应用 项目 1：文本与段落标记的应用 使用 Dreamweaver 等软件编写符合以下要求的文档，完成后的效果如图 2-1 所示。文件名为 prj_2_1.html。图 2-1 其它排版标记应用效果图 第一部分：“1.标题字应用”： （1）标题：格式化文本信息。 （2）在 body 标记中插入注释语句，内容为“1.标题字应用”，然后
2021-06-23网页作业一,二，三，模拟考。
LIUQIN_117的博客
06-23 6462
1.创建一个样式表，可以设置当前页面中ID为compact元素的内容的字体为斜体。下列能实现该功能的代码是 【正确答案: D】 A <styletype=“text/css”>compact{font-style:italic;} //标签选择器。 B <styletype=“text/css”>@compact{font-style:italic;} C <styletype=“text/css”>.compact{text-style:italic;}
html教程:1.2 文本相关标签
weixin_33802505的博客
06-03 70
文本是网页不可缺少的元素之一，是网页发布信息所采用的主要形式。为了让网页中的文本看上去编排有序、整齐美观、错落有致，我们就要设置文本的大小、颜色、字体类型以及换行换段等。 本节单词记忆：标签 1.font 2.p 3.br 属性 1.color 2.size 3.face 4.align 网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，...
关闭了文档后再delete掉excel对象qt_EXCEL的知识点，有岁月的痕迹……
weixin_39813574的博客
12-09 560
第三章 Excel应用基础【应知要点】1、能够输入和编辑数据的方法。2、能够对数据进行简单处理并插入图表的方法。3、打印输出数据表的方法。【应会要点】1、输入和编辑数据的方法。2、数据的简单处理及插入图表的方法。3、打印输出数据表的方法。【知识精讲】§输入和编辑数据的方法输入数据在EXCEL中，每个单元格都可以存储包括文字、数字、日期、时间、图形、图像、声音等多种形...
html 常用标签
m0_74018330的博客
03-12 1132
1.排版标记： <P>；<BR>；<HR>；<CENTER>；<PRE>；<DIV>；<NOBR>；<WBR>；2.字体标记： <STRONG> <B>3.清单标记<OL> <LI><UL>4.表格标记：<TABLE> <TR> <TD><TH><CAPTION>；5.表单标记INPUT 的种类： Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
网页开发基础之HTML最常见的标记汇总
lxy18839756879的博客
08-31 7263
给大家总结收集了HTML中最常见的一些标签，这些也是学习前端最基础的必备知识，可以把他们给记下来。
Web学习第一天——HTML简介及常用标签（文本标签）
hjkuuyyg的博客
05-09 654
这里写自定义目录标题HTML简介什么是HTMLHTML的编写工具HTML的文档结构W3C标准功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程...
Web网页制作-知识点（2）——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素（内联元素）
li13437542099的博客
06-18 2957
HTML5出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种方式来区分，而是按照内容模型来区分，分为元数据型（metadata content）、区块型（sectioning content）、标题型（heading content）、文档流型（flow content）、语句型（phrasing content）、内嵌型（embedded content）、交互型（interactive content）。元素不属于任何一个类别的，被称为穿透型，元素可能属于不止一个类别，称
HTML01常用文本标签
m0_60979337的博客
10-14 625
10.:表示引用一段名人名言，有默认的外边距 //块级元素。13.:表示内容是一段代码，默认显示为等宽字体样式 //行内元素。4.没有任何默认样式，主要给css做样式 //行内元素。14.:标记一段内容，背景显示为黄色 //行内元素。7.:没有任何语义，单纯的斜体 //行内元素。12.：表示内容用""包裹 //行内元素。
网页设计作业代码模板（HTML，CSS）
01-19
网页设计作业代码模板.HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本...
python标记文本文件为html文件
08-11
python编写的将文本文件添加标记为html文件格式，其中的simpler_markup.py是简单版本。本代码源自《python基础教程第二版》
基于Html-CSS-JavaScript的宇宙科普系统网页设计.zip
06-22
基于Html-CSS-JavaScript的宇宙科普系统，网页设计作业全套代码。 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，...
HTML(超文本标记语言)网页设计
05-26
基础知识以及如何创建一个比较完整的简单的html文件
HTML-CSS基础上的小特别总结（1）
weixin_42060800的博客
10-15 2078
1、浏览器内核的了解 浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。 渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。 JS 引擎 则是解析 J...
HTML常用标记（超详解）
热门推荐
m0_52896041的博客
11-26 1万+
HTML常用标记（超详解）
HTML 中用于文本的标记(标签)
琴歌声声送我的博客
12-04 1625
HTML充满了许多不同的文本标签。这些标签允许我们以我们希望的方式在 HTML 文档中显示文本。虽然标签是HTML的基本功能，但有很多东西需要学习。大多数文本标签都是内联的，但也有例外。当一个元素是内联的时，这意味着默认情况下它们应用了以下CSS行： 什么是 HTML 中的内联元素？ 文本的内联标签的行为与块元素不同。它们不会中断内容的流动，只会占用尽可能多的空间。另一方面，块元素往往占据页面的整个宽度。因此，文本的 HTML 标记都是内联的，因为它们用于编写文本，并且它们与页面上的其他内联元素一起流动。
HTML文本标签知识点汇总
weixin_57693899的博客
03-27 576
一个静态页面大部分由四种元素组成。分别是文本，图片，超链接，音频或视频。 静态页面和动态页面的区别：是否与服务器进行数据交互。 在HTML中，共有6个级别的标题标签：h1，h2，h3，h4，h5，h6。一个页面只能有1个h1标签，而h2-h6标签可以有很多个。 title标签和h1标签的区别：title标签用于显示地址栏的标题，而h1标签用于显示文章的标题。 段落标签p会自动换行，并且段落和段落之间有一定的间距。 标签分为两种：一般标签和自闭合标签。 什么是自闭合标签？只有开始标签，没有结束标签
HTML的文本格式标记
sinat_58088248的博客
02-24 4710
一，标题文字标记 功能：标题是一段文字内容的核心，可以通过设置不同大小的标题，增加文章的条理性。 格式：<hn align='对齐方式'>标题文字</hn> 属性：n表示标题字号的级别，可以是1~6之间的任意整数，数字越小，字号越大；align用来设置标题在页面中的对齐方式。 标题文字的应用 <p>这是一行普通的文字</p> <h1>一级标题</h1> <h2>二级标题</h2> <h3&g..
未知 HTML 标记 el-input
最新发布
07-27
el-input 是 Element UI 框架中的一个组件，用于创建输入框。...需要注意的是，el-input 是 Element UI 框架中的组件，要使用它，需要先引入 Element UI 的库文件，并按照 Element UI 的文档进行配置和使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值