中国国际贸易单一窗口网站,php网站怎么做集群,一个网站能放多少关键词,影视主题wordpress实验一 【实验原理】 在搜索引擎的文本分析中#xff0c;标题的信息权重要比正文的大#xff0c;所以标题的样式非常重要。本实验通过把标题标记和常规文本进行对比输出#xff0c;掌握标题标签的用法。在网页中#xff0c;有时需要为文字设置粗体、斜体或下划线效果#… 实验一 【实验原理】 在搜索引擎的文本分析中标题的信息权重要比正文的大所以标题的样式非常重要。本实验通过把标题标记和常规文本进行对比输出掌握标题标签的用法。在网页中有时需要为文字设置粗体、斜体或下划线效果为此HTML准备了专门的文本格式化标记本实验通过综合应用文本格式化标记对文本进行格式设置。 【实验目的和要求】 熟练掌握h1到h6标记的使用。掌握斜体、粗体、下划线、删除线等文本格式化标记。掌握p标记及其属性的应用。掌握常用特殊字符标记的使用。 【实验任务】 效果如图2-1所示。具体实现步骤如下新建HTML文档。在title/title标记中添加网页标题---唐诗欣赏。在body/body标记中添加内容,应用标题、hr、p标签等文本格式化标签将内容呈现出来。保存后在谷歌浏览器中预览效果。 设计要求
文本素材 唐诗欣赏 静夜思 李白 床前明月光 疑是地上霜。 举头望明月 低头思故乡。 【简析】 这是写远客思乡之情的诗诗以明白如话的语言雕琢出明静醉人的秋夜的意境。它不追求想象的新颖奇特也摒弃了辞藻的精工华美它以清新朴素的笔触抒写了丰富深曲的内容。境是境情是情那么逼真那么动人百读不厌耐人寻绎。无怪乎有人赞它是“妙绝古今”。 版权版权所有违者必究 E-mail:limingweigmail.com !DOCTYPE html
!-- 声明文档类型为HTML5 --
html
!-- 根元素整个HTML文档的根节点 --
head!-- 包含文档的元数据 --title唐诗赏析/title!-- 设置文档的标题显示在浏览器标签上 --
/head
body!-- 文档的主体内容 --h2 aligncenter唐诗赏析/h2!-- 二级标题居中对齐显示“唐诗赏析” --hr colorblue size1/!-- 水平线颜色为蓝色高度为1像素 --h5 aligncenter stylecolor: red;font size3静夜思/font/h5!-- 五级标题居中对齐颜色为红色字号为3显示“静夜思” --!-- 这是一个一级标题居中对齐颜色为红色 --h5 aligncenter stylecolor: blue;font size2李白/font/h5!-- 五级标题居中对齐颜色为蓝色字号为2显示“李白” --!-- 这是一个五级标题居中对齐颜色为蓝色 --p aligncenter床前明月光/p!-- 段落标记居中对齐显示“床前明月光” --!-- 段落标记居中对齐 --p aligncenter疑是地上霜。/p!-- 段落标记居中对齐显示“疑是地上霜。” --p aligncenter举头望明月/p!-- 段落标记居中对齐显示“举头望明月” --p aligncenter低头思故乡。/p!-- 段落标记居中对齐显示“低头思故乡。” --hr colorblue size1/!-- 水平线颜色为蓝色高度为1像素 --h3【简析】/h3!-- 三级标题默认对齐显示“【简析】” --!-- 这是一个三级标题默认对齐 --pnbsp;nbsp;nbsp;nbsp;这是写strong远客思乡之情/strong的诗诗以u明白如话/u的语言雕琢出明净醉人的秋夜的意境。它不追求想象的新颖奇特也摒弃了辞藻的精工华美br / 它以span stylebackground-color: yellow;清新朴素/span的笔触抒写了span stylebackground-color: yellow;清新朴素/span的内容。span stylebackground-color: yellow;境/span是境span stylebackground-color: yellow;情/span是情那么逼真那么动人百读不厌耐人寻味。无怪乎有人赞它是span stylebackground-color: yellow;“妙绝古今”/span。——《唐诗三百首》/p!-- 段落标记包含诗歌的分析内容使用了多种文本格式化标记 --hr colorblue width400 alignleft size3!-- 水平线颜色为蓝色宽度为400像素居左对齐高度为3像素 --!-- 水平线分隔内容 --footerp版权copy;del版权/del所有违者必究/p!-- 段落标记显示“版权所有违者必究”中间的“版权”被删除线标记 --!-- 段落标记居中对齐 --pE-mail:limingweigmail.com/p!-- 段落标记显示电子邮件地址 --!-- 段落标记居中对齐 --time datetime2025-2-192025年2月19日/time!-- 时间标记显示日期 --!-- 段落标记居中对齐 --/footer
/body
/html
代码效果 遇到的问题
1、标题标记中如何设置颜色属性
在 HTML 中可以在标题标记如 h1、h2 等中使用 style 属性来设置颜色。以下是具体的语法和示例
使用 style 属性设置标题颜色
h1 stylecolor: red;这是一个红色的 h1 标题/h1
h2 stylecolor: blue;这是一个蓝色的 h2 标题/h2
h3 stylecolor: green;这是一个绿色的 h3 标题/h3
效果展示 使用颜色代码
除了使用颜色名称如 red、blue 等还可以使用十六进制颜色代码来指定更精确的颜色。例如
h1 stylecolor: #ff0000;使用十六进制代码的红色 h1 标题/h1
h2 stylecolor: #0000ff;使用十六进制代码的蓝色 h2 标题/h2
效果展示 说明 stylecolor: 颜色; 是内联样式直接在 HTML 标记中设置样式。 颜色可以是颜色名称如 red、blue 等也可以是十六进制颜色代码如 #ff0000。 在纯 HTML 中这种方式是最直接的设置颜色的方法。 2、如何为文本添加背景色
在 HTML 中可以使用 span 标签结合 style 属性来为文本添加背景色。span 标签是一个行内元素用于包裹文本或其它行内元素并可以为其应用样式。
以下是具体的语法和示例
使用 span 标签为文本添加背景色
p这是一个span stylebackground-color: yellow;高亮显示/span的文本示例。/p
效果展示 说明 span 标签用于包裹需要添加背景色的文本。 stylebackground-color: 颜色; 用于设置背景色颜色可以是颜色名称如 yellow或十六进制颜色代码如 #ff0000。 在纯 HTML 中这种方式是最直接的为文本添加背景色的方法。 3、如何给主体文字设置字号
在 HTML 中可以使用 font 标签的 size 属性来设置文字的字号。font 标签允许你指定文字的大小可以用数值1 到 7或者关键词如 small, medium, large 等。
以下是具体的语法和示例
使用 font 标签设置文字字号
pfont size3这是一个默认大小的文字。/font/p
pfont size4这是一个稍大的文字。/font/p
pfont size5这是一个更大的文字。/font/p
pfont size6这是一个很大的文字。/font/p
效果展示 说明 font size数值 用于设置文字的字号数值范围通常是 1 到 7数值越大字号越大。 在纯 HTML 中这种方式是最直接的设置文字字号的方法。 4、如何让文本空一行
在HTML中可以让文本空一行可以通过以下几种方式
使用 br 标签
br 标签表示换行可以在文本之间插入一个换行符从而实现空一行的效果。
p第一行文本。brbr第二行文本空了一行。/p
使用段落标记 p
每个 p 标记默认会在其前后添加一些空白行因此将文本放在不同的段落中也会实现空行的效果。
p第一段文本。/p
p第二段文本空了一行。/p 效果展示
笔记