百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

HTML知识系统学习(2)

zhezhongyun 2024-12-03 06:24 46 浏览

HTML称为超文本标记语言，是一种标识性的语言。常用的元素有：文本格式化、列表、链接、图像、视频、音频、表格、表单。本节主要学习文本格式化、列表、链接这3个常用元素

2.1HTML常用元素

2.1.1 文本格式化

  • HTML对特殊字符不敏感
特殊字符需要进行转义处理（编码）
1.换行符
<br>
2.空格
 
3. >
>
4. <
<
5. "
"
6. &
&
  • 页面内容标题
6个层次化标题。
h1 h2 h3 h4 h5 h6
  • 段落
使内容自成一段
p
  • 预格式化文本
保留文本中的换行与空格。
pre
  • 表示元素
1. b 加粗
2. i 倾斜
3. u 下划线
4. s 删除线 del
5. sub 下标
6. sup 上标

2.1.2 列表

列表分类

1. 无序 ul
2. 有序 ol
3. 嵌套 ul ol
4. 自定义 dl
  • 无序列表
ul = unorder list
li = list
<ul type="square">
<li></li>
<li></li>
...
</ul>
  • 有序列表
ol = order list
<ol type="">
<li></li>
<li></li>
...
</ol>
编号方式：
1 数字
a/A 小写/大写字母
i/I 小写/大写罗马数字
  • 自定义
dl = define list
<dl>
<dh></dh>
<dd></dd>
<dd></dd>
...
<dh></dh>
<dd></dd>
<dd></dd>
...
...
</dl>

2.1.3 链接

链接的分类

1. 页面间链接
2. 邮件链接
3. 页面内链接
  • 页面间链接
<a href="URL" target="__blank">链接描述</a>
<a href="https://www.baidu.com/" target="__blank">百
度一下</a>
  • 邮件链接
<a href="mailto:E-mail">链接描述</a>
<a href="mailto:zhangsan@qq.com">发邮件给张三</a>
<a href="mailto:zhangsan@qq.com?
subject=xxx&cc=lisi@163.com">发邮件给张三</a>
参数： subject 邮件主题 cc 抄送
  • 页面内链接
1.定义锚点
<a id="id_value">锚点描述</a>
2.定义链接
<a href="#id_value">链接描述</a>

相关推荐

css 垂直居中的几种实现方式（css怎么实现垂直居中）

前言设计是带有主观色彩的，同样网页设计中的css一样让人摸不头脑。网上列举的实现方式一大把，或许在这里你都看到过，但既然来到这里我希望这篇能让你看有所收获，毕竟这也是前端面试的基础。实现方式备注：...

CSS 中各种居中你真的玩明白了么（css中的居中属性）

页面布局中最常见的需求就是元素或者文字居中了，但是根据场景的不同，居中也有简单到复杂各种不同的实现方式，本篇就带大家一起了解下，各种场景下，该如何使用CSS实现居中前言页面布局中最常见的需求就是元...

浅谈3种css技巧——两端对齐（css两侧对齐）

在出里文字比较多的网页，文字对齐其中采用的两端对齐，两端对齐的方法有三种方法，如下：1.使用text-align:justifytext-align:justify属性是全兼容的，使用它实现两端对...

从零开发HarmonyOS(鸿蒙)运动手表小游戏—数字华容道

本个demo将从零基础开始完成鸿蒙小游戏APP在可穿戴设备上的编译，此处以运动手表为例，在项目中我们所使用到的软件为DevEcoStudio，下载地址为：DevEcoStudio下载、DevEco...

教师如何制作随机点名系统，活跃课堂气氛

上课点名抽学生回答问题，做游戏……由老师口头点名，点谁回答总有点老师本人的情绪，且显得毫无趣味，但做一个点名系统，就不一样了，电脑随机抽出的名字，不仅公平，还会给孩子们带来一种不一样的感受。那么怎么做...

看京铁人如何破解电煤运输&quot;烤&quot;验

“天气太热了！空调是我的避暑必备神器再往冰箱里冻些雪糕和西瓜电风扇也要24小时上岗了”近日京津冀地区迎来高温天气小伙伴们都在分享解暑妙招但这些妙招背后都离不开一个字——“电”为确保电力平稳“迎峰度夏”...

回家的路就是最美的风景 幸福就在前方

2025年春运启动以来，无数在外游子踏上归乡旅程。为了帮助更多旅客按时回家过年，还有很多人不分昼夜、不辞辛苦地奔波在铁路线上。“我的列车飞驰而过，那是梦想的前方，回家的路就是最美的风景。”END&l...

如何做出一个香消玉殒的网页文字特效

最近，迷上了CSS3特效，空闲时间学一些小案例，非专业，爱好。不断学习也能掌握一些更为全面的html，css，JavaScript的知识，以小博大，从兴趣出发再掌握更多网页开发知识。闲言少叙，直接开怼...

第1000篇原创，我想对你说______（2021我想对你说1000）

亲爱的小伙伴今天您看到的这篇推送是“北京铁路”发布的第1000篇原创作品！这不仅是一个数字的跨越更是我们一路走来与每一位关注者共同铸就的辉煌里程碑每一篇文章都承载着我们的心血与热情每一次传播都离不开大...

动车组的“家”在哪里?（动车组的"家"在哪里?举例说明）

夜幕降临随着动车组列车驶入站台乘客陆续离开动车组也完成了一天的工作准备启程回“家”有小伙伴儿会问“为什么大多数动车组列车夜间不运行呢？”这是因为白天行驶一天的动车组要利用晚上的时间进行全面检查、维修和...

这套铁路“高考”卷，请你来作答（郑州铁路职业技术学院高考河南录取分数线）

今天是2025年全国高考的第一天小编为大家准备了一套北京铁路版的试卷满分120分共12道单选题快来试试你能得多少分吧！·<animateattributeName="opacity"begi...

HarmonyOS Text组件Span间距解决方案

HarmonyOSText组件Span间距解决方案一、问题分析在HarmonyOS开发中，Text组件内的Span子组件无法直接设置margin/padding属性，需要通过文本级属性实现间距控制。...

考“火车驾驶证”，难不难?（火车驾驶证怎么考需要什么条件）

····<animateattributeName="height"begin="0.1"dur="0.01s"fill="freeze"to="0"/>00:0002:59未加...

高温?京铁人:我有“物理外挂”!(点开看有多爽)

近几日华北地区气温不断上升高温来袭坚守岗位的京铁人开启清凉避暑的“物理外挂”快动动手指点开看看吧·<animateattributeName="opacity"begin="click+0....

2025年Top30 CSS面试题及答案（css常考面试题）

概述CSS（层叠样式表）是构建美观、响应式网站的关键技术。无论您是在准备前端开发者面试还是复习知识，这里都有一份精心挑选的2025年每个开发者都应该知道的30个CSS面试题及答案。1.什么是CSS...

一周热门
最近发表
标签列表