微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

HTML入门的基础知识篇

迷茫
发布： 2017-03-25 10:57:15
原创
1628人浏览过

超文本<a>

  1. 文本或图像都可以用作链接的标签。

  2. 使用“..”可以连接到源文件的上层文件夹。“..”表示“父文件夹”。 

字符实体 

实体名称对大小写敏感！

显示结果

描述

实体名称

实体编号

 

空格

 

 

< 

小于号

> 

大于号

>

>

&

和号

&

&

"

引号

"

"

'

撇号 

' (IE不支持)

'

￠

分（cent）

¢

¢

£

镑（pound）

£

£

¥

元（yen）

¥

¥

€

欧元（euro）

€

€

§

小节

§

§

©

版权（copyright）

©

©

®

注册商标

®

®

™

商标

™

™

×

乘号

×

×

÷

除号

&pide;

÷

图像<img>

立即学习“前端免费学习笔记（深入）”；

alt是<img>的必要属性。

Jpeg适合保存复杂图像

Png 比gif更好得控制透明

Gif 只允许一种透明颜色

表格

表格

描述

<table>

定义表格

<caption>

定义表格标题。

<th>

定义表格的表头。

<tr>

定义表格的行。

<td>

定义表格单元。

<thead>

定义表格的页眉。

<tbody>

定义表格的主体。

<tfoot>

定义表格的页脚。

<col>

定义用于表格列的属性。

<colgroup>

无涯·问知
无涯·问知

无涯·问知，是一款基于星环大模型底座，结合个人知识库、企业知识库、法律法规、财经等多种知识源的企业级垂直领域问答产品

无涯·问知 40
查看详情 无涯·问知

定义表格列的组。

空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。

列表

无序列表<ul>

有序列表<ol>

列表定义<dl>

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>


HTML5布局元素

header

定义文档或节的页眉

nav

定义导航链接的容器

main

定义文档的主内容

section

定义文档中的节

article

定义独立的自包含文章

aside

定义内容之外的内容（比如侧栏）

footer

定义文档或节的页脚

details

定义额外的细节

summary

定义 details 元素的标题

time

定义日期/时间


HTML 媒体

HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 <embed> 元素。

<audio controls="controls" height="100" width="100">

  <source src="song.mp3" type="audio/mp3" />

  <source src="song.ogg" type="audio/ogg" />

<embed height="100" width="100" src="song.mp3" />

</audio>

HTML 5 + <object> + <embed>

HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 <embed> 元素。

<video width="320" height="240" controls="controls">

  <source src="movie.mp4" type="video/mp4" />

  <source src="movie.ogg" type="video/ogg" />

  <source src="movie.webm" type="video/webm" />

  <object data="movie.mp4" width="320" height="240">

    <embed src="movie.swf" width="320" height="240" />

  </object>

</video>

以上就是HTML入门的基础知识篇的详细内容，更多请关注php中文网其它相关文章！

相关标签：
html

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：HTML中三种定位relative,absolute,fixed使用后出现的一些问题 下一篇：html、css以及js文件加载顺序及执行情况
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何删除html节点_HTML DOM节点删除（removeChild）与内存释放方法 删除HTML节点的核心方法是removeChild，需通过父节点移除子节点，如parentNode.removeChild(childNode)。现代浏览器也支持更便捷的element.remove()方法，允许节点直接删除自身。节点被移除后虽脱离DOM树，但若JavaScript仍持有其引用（如事件监听器、数组或对象中的引用），则无法被垃圾回收，导致内存泄漏。因此，删除节点时必须手动移除事件监听器并清除所有JavaScript引用，确保节点彻底“不可达”，以便垃圾回收机制正常释放内存。常见操作
2025-11-12 17:57:02
262
HTML注释残留漏洞怎么检测_HTML注释残留漏洞利用浏览器查看源码检测技巧 最直接检测HTML注释残留漏洞的方法是通过浏览器查看网页源代码，手动搜索敏感信息如API密钥、内部IP、调试信息等，这些常被开发人员无意遗留的注释可能暴露系统结构、凭证或未上线功能，导致信息泄露、攻击面扩大甚至内网渗透；也可借助BurpSuite、OWASPZAP等扫描工具或自定义脚本自动化检测，结合关键词匹配提升效率，但最终仍需人工分析上下文以评估真实风险。
2025-11-12 17:52:02
989
vb如何打印html_VB程序调用HTML内容打印（WebBrowser）方法 利用WebBrowser控件在VB中打印HTML，需先加载内容并等待DocumentCompleted事件确保渲染完成，再调用Print或PrintPreview方法；通过CSS的@mediaprint规则可自定义打印样式，如隐藏元素、调整页边距和分页；除打印外，还可使用ExecWB实现保存为MHT/HTML、提取渲染后HTML内容，结合虚拟打印机导出PDF；常见问题包括打印空白页（异步加载未完成）、样式错乱（CSS兼容性或路径错误）、页眉页脚无法直接控制及JavaScript动态内容未执行，应
2025-11-12 17:50:02
856
如何处理HTML事件属性绑定的解决办法 答案是使用JavaScript事件监听或框架声明式绑定替代HTML内联事件。通过addEventListener实现行为与结构分离，支持多监听器且易于维护；避免onclick等内联写法以防逻辑混乱和难以测试；对动态元素采用事件委托提升性能，在父级统一处理子元素事件；在React、Vue中用onClick或@click由框架管理绑定，确保生命周期正确，整体提升代码可维护性与安全性。
2025-11-12 17:40:03
431
如何解决HTML锚点跳转不准的处理方法 锚点跳转不准主因是固定头部遮挡或滚动计算错误，可通过设置scroll-margin-top预留顶部间距，或用JavaScript手动调整滚动位置，亦可在目标元素前添加伪元素占位，推荐优先使用scroll-margin-top并注意头部真实高度。
2025-11-12 17:38:02
581
HTML表单数据截获漏洞怎么防护_传输过程中表单数据被截获防护方案 最根本的防护是部署HTTPS，通过SSL/TLS加密数据传输，防止窃听和篡改。同时需配置HSTS、安全Cookie、服务器端验证、CSP等措施，构建多层次防御体系，确保表单数据在传输中的机密性、完整性和来源可信。
2025-11-12 17:22:02
863
如何使用HTML构建博客文章布局的详细教程 答案：使用语义化HTML标签构建博客文章结构，包括article、header、time、figure、section和footer等，提升可读性与SEO。通过nav添加上下篇导航，优化alt属性与标题层级增强可访问性，并预留class便于CSS扩展，实现清晰、易维护的现代博客布局。
2025-11-12 17:04:02
695
新手怎么开始编辑网页HTML_新手如何快速上手编辑网页HTML 掌握HTML是创建和修改网页的第一步。首先搭建编辑环境，选用文本编辑器并保存为.html文件，用浏览器预览；接着学习基本结构，包括DOCTYPE声明、html、head与body标签；然后熟悉常用标签如h1-h6标题、p段落、a超链接和img图像；再利用浏览器开发者工具实时检查和修改元素；最后通过参考示例代码动手实践，复制、修改并刷新查看效果，逐步掌握网页编辑技能。
2025-11-12 16:47:02
580
html按钮如何用_HTML按钮（button/input）功能与事件使用方法 HTML按钮用于触发交互操作，主要使用和；前者语义明确、内容灵活，后者仅支持文本且灵活性低。可包含丰富内容并设置type属性控制表单行为，而通过value定义显示文本。两者均可通过onclick属性绑定JavaScript代码或函数实现点击响应，推荐将逻辑封装在外部函数中以保持结构清晰。更现代的方式是使用JavaScript的addEventListener方法动态绑定事件，便于管理多个监听器和解绑操作，需为元素设置id或class进行选择。常见应用场景包括表单提交、防重复点击（通过disabl
2025-11-12 16:37:53
795
re如何获取html_通过正则表达式(RegExp)提取HTML内容方法 可用正则提取HTML标签文本，如匹配内容中的内容；2.可提取标签属性值，如img的src；3.可提取超链接的URL和显示文本；4.但正则不适用于嵌套或格式错误的HTML，建议仅在简单场景使用，复杂结构应使用DOM解析器。
2025-11-12 16:15:03
219
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部