那些酷炫的网页你也可以做到——第三篇(HTML字体列表标签)

简介: 那些酷炫的网页你也可以做到——第三篇(HTML字体列表标签)

HTML的字体标签


字体标签

<font></font>:字体标签
属性:(1)color  字体颜色
(2)size    字号大小
大小:1-7
(3)face 字体类型:隶书、楷书、宋体


标题标签

<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3>


粗体和斜体标签

<b>粗体</b><i>斜体</i>.


滚动标签

<marquee>滚动的字幕</marquee>


HTML列表标签


列表标签

功能:把数据封装成列表

<dl></dl><dl><dt>上层的项目</dt><dd>下层的项目</dd><dd>下层的项目</dd></dl>实例:<dl><dt>计算机</dt><dd>用来计算的仪器 ... ...</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置 ... ...</dd></dl>

image.png

有序列表:<ol></ol>封装了一个范围,里面要有数据条目。数据条目标签:<li></li>属性:1) type  :标号类型:数字(1.2.3. ...)、字母(a.b.c. ...)
    2) start  :从第几个编号开始
实例:
<oltype="a"start="5"><li>条目1</li><li>条目2</li><li>条目3</li></ol>

image.png

无序列表:<ul></ul>属性:type:标号的类型,例如:圆、方块、三角
<ultype="square"><li>条目1</li><li>条目2</li></ul>

image.png

网页效果:

<!DOCTYPE html><html><head><title>这是头部标签</title><metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"><metahttp-equiv="description"content="this is my page"><metahttp-equiv="content-type"content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head><body>    这是主体标签 <br>    感谢关注,共同学习。 <br><p><pre>              静夜诗
           床前明月光, 
           疑是地上霜,
           举头望明月,
           低头思故乡。
</p><hrcolor="red"width="300"align="center"><div><pre>                                                      大家好,我是静静的雨,感谢大家点开这篇文章,希望我的文章可以帮助到你,加油,一起学习。
</div><hrcolor="red"width="300"align="center"><span>留个关注,避免迷路。
</span><dl><dt>计算机</dt><dd>用来计算的仪器 ... ...</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置 ... ...</dd></dl><oltype="a"start="5"><li>条目1</li><li>条目2</li><li>条目3</li></ol><ultype="square"><li>条目1</li><li>条目2</li></ul></body></html>


目录
相关文章
|
7天前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
利用 html_table 函数轻松获取网页中的表格数据
|
1月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
95 49
|
27天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
40 5
HTML 速查列表4
本示例包含两个部分:表格和框架。表格部分展示了带有两个列标题和一行数据的简单表格;框架部分通过 `&lt;iframe&gt;` 标签嵌入了一个外部页面 `demo_iframe.htm`。
|
1月前
|
数据安全/隐私保护
HTML 速查列表5
表单示例包括文本输入、密码框、复选框、单选按钮、提交和重置按钮、隐藏输入、下拉菜单及多行文本区。实体表示特殊字符,如 &lt; (&lt;)、&gt; (&gt;) 和 &#169; (©)。
|
1月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
HTML 速查列表3
文档排版元素简介:包括图片、替换文本、样式/区块、块级和内联元素、无序列表、有序列表及定义列表等,帮助清晰组织和展示内容。
HTML 速查列表3
本示例展示了HTML中常用的元素:图片、样式与区块、块级与内联元素、以及三种列表(无序、有序和定义列表)的使用方法。通过这些基本标签,可以构建网页的基本结构。
HTML 速查列表2
文本格式化包括多种标签
HTML 速查列表1
HTML速查列表包含基本文档结构、标题、文本、换行和水平线等常用标签,方便日常打印使用。例如:`&lt;html&gt;`, `&lt;head&gt;`, `&lt;title&gt;`, `&lt;body&gt;`, `&lt;h1&gt;`至`&lt;h6&gt;`,`&lt;p&gt;`,`&lt;br&gt;`和`&lt;hr&gt;`。