HTML5 学习2.网页基本标签

简介: HTML5 学习2.网页基本标签

网页基本标签


  • 标题标签
  • 段落标签
  • 换行标签
  • 水平标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号


为了显示出代码来直接使用Java代码块了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--段落标签-->
<p>“两只老虎,两只老虎,跑得快,跑得快,</p>
<p>一只没有眼睛,一只没有尾巴,</p>
<p>真奇怪!真奇怪!</p>
<p>两只老虎,两只老虎,跑得快,跑得快,</p>
<p>一只没有耳朵,一只没有尾巴,</p>
<p>真奇怪!真奇怪!”</p>
<!--水平线标签-->
<hr/>
<!--换行标签-->
“两只老虎,两只老虎,跑得快,跑得快,<br/>
一只没有眼睛,一只没有尾巴,<br/>
真奇怪!真奇怪!<br/>
两只老虎,两只老虎,跑得快,跑得快,<br/>
一只没有耳朵,一只没有尾巴,<br/>
真奇怪!真奇怪!”<br/>
<!-- 粗体,斜体-->
<h1>字体样式标签</h1>
粗体:<strong>i love you</strong>
<br/>
斜体:<em>i love you</em>
<br/>
<!--特殊符号-->
空       格
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br/>
&gt;大于号
<br/>
&lt;小于号
<br/>
&copy;版权符号
<!--
特殊符号记忆方法
&  ;
-->
</body>
</html>


一级标签

二级标签

三级标签

四级标签

五级标签
六级标签


“两只老虎,两只老虎,跑得快,跑得快,

一只没有眼睛,一只没有尾巴,

真奇怪!真奇怪!

两只老虎,两只老虎,跑得快,跑得快,

一只没有耳朵,一只没有尾巴,

真奇怪!真奇怪!”




相关文章
|
1月前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
65 0
|
1月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
48 1
【HTML】构建网页的基石
|
14天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
28天前
|
人工智能
|
14天前
|
存储 移动开发 前端开发
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
40 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
33 1
|
1月前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
109 0
|
1月前
html基础知识学习
html基础知识学习
31 0
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
53 0

热门文章

最新文章