我的第五个网页制作:pre、html转义、abbr标签的使用

简介: 1 doctype html> 2 3 4 5 这是我的第五个html代码 6 7 8 9 16 17 20 21 ...
 1 <!doctype html>
 2 <html>
 3    <head>
 4    <meta charset="utf-8">
 5       <title>这是我的第五个html代码</title>
 6       <!--可以通过bgcolor关键字修改背景颜色-->
 7       <body bgcolor="#FF0000">
 8       <!--pre是预定义文本标签,它的作用是保留原始格式-->
 9       <!--
10       <pre>
11       Hello World!
12       Hello World!'
13       Hello World!
14       </pre>
15       -->
16       <!--两个&nbsp;的作用相当于一个空格-->
17       <!--
18       Hello&nbsp;&nbsp;World!
19       -->
20       <!--&lt;body&gt;对html标签,显示html标签,对html标签进行转义-->
21       <!--
22       &lt;body&gt;
23       -->
24       <!--abbr缩写说明标签:对一个文字进行解释说明-->
25       <abbr title="hyper text markup language">HTML</abbr>
26       </body>
27     </head>
28 </html>

 

目录
相关文章
|
1月前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
33 1
|
1月前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
23天前
HTML_表单标签
HTML_表单标签
16 0
|
9天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
11天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
11天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
14天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
23天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
12 0
|
23天前
HTML_行内标签
HTML_行内标签
15 0
|
23天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
14 2