AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

html5标签基础

2015-11-23 1114
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(85,85,85); font-family:'microsoft yahei'; font-size:15px; line-height:35px"> 1.声明：<!DOCTYPE></p>

1.声明：<!DOCTYPE>

HTML有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确的显示出HTML页面，这就是<!DOCTYPE>的用处。

2.HTML标题

<h1>...<h6>等标签进行定义。

3.HTML段落

<p>标签定义段落

4.HTML链接

<a>标签定义链接

5.HTML图像

<img>标签定义图像


代码实现上述标签的例子：

[html]  view plain copy print ?
  1. <!DOCTYPE html>  
  2.   
  3. <html lang="en">  
  4. <head>  
  5.     <meta charset="UTF-8">  
  6.     <title>HTML基础</title>  
  7. </head>  
  8. <body>  
  9.   
  10.     chenyufeng  
  11.     learn  
  12.     <h1>标题1</h1>  
  13.     <h2>标题2</h2>  
  14.     <h3>标题3</h3>  
  15.     <h4>标题4</h4>  
  16.     <h5>标题5</h5>  
  17.     <h6>标题6</h6>  
  18.   
  19.   
  20.     <p>Hello World</p>  
  21.     learn  
  22.   
  23.     <a href="http://www.baidu.com">点击打开百度</a>  
  24.   
  25.     <img src="http://img3.3lian.com/2013/s1/20/d/56.jpg">  
  26.     <img src="images/1.png">  
  27.   
  28. </body>  
  29. </html>  
文章标签：
HTML5
移动开发
关键词：
HTML标签
HTML基础
ctrip_xzh
目录
相关文章
米果粒
|
4月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
米果粒
105 5
天启互联网工作室
|
2月前
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0（静态互联网，1990年代初至2000年代初）以静态内容和单向信息流为主，用户仅能浏览。Web2.0（互动互联网，2000年代初至2010年代初）引入了用户生成内容和社交网络，内容动态且互动性强。Web3.0（语义互联网，2010年代至今）强调语义化、个性化、智能化及去中心化，结合AI、区块链等技术，提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术，在各阶段不断演进，共同推动了现代互联网的发展。
天启互联网工作室
43 2
前端基础之HTML
蓝易云
|
3月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签，通过明确标识内容的结构和意义，使得网页结构更加清晰，易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性，还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中，合理使用这些语义化标签，能够显著提升网页的质量和用户体验。
蓝易云
113 49
龙大吉
|
3月前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容，旨在提升开发效率、网站性能和用户体验。
龙大吉
94 5
德国都芳最好
|
3月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签，HTML5 还支持哪些多媒体格式？
【10月更文挑战第19天】HTML5对多种多媒体格式的支持，为网页开发者提供了丰富的选择，能够更好地满足不同类型多媒体内容在网页中的展示和交互需求，提升了网页的用户体验和多媒体应用的多样性。
德国都芳最好
88 1
六卿
|
5月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性，包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签（如`header`、`footer`、`nav`等）及其新增表单控件和属性（如`url`、`email`、`date`类型输入框等）。这些改进增强了网页的功能性和用户体验。
六卿
79 1
前端基础(十七)_HTML5新特性
椰椰椰耶
|
4月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
椰椰椰耶
84 2
德国都芳最好
|
3月前
|
存储 移动开发 前端开发
如何处理HTML5新标签的浏览器兼容问题？
【10月更文挑战第19天】
德国都芳最好
68 0
椰椰椰耶
|
4月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
椰椰椰耶
61 1
半截诗
|
4月前
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
半截诗
40 2

热门文章

最新文章

  • 1
    可爱狗狗的404动画HTML源码
  • 2
    SurfGen爬虫：解析HTML与提取关键数据
  • 3
    网页 HTML 自动播放下一首音乐
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
  • 5
    阿里云CDN边缘脚本示例实现/?p123重定向/p/123.html
  • 6
    一款内容直观的引导页HTML源码
  • 7
    单页图床HTML源码+本地API接口图床系统源码
  • 8
    实时天气卡片单页HTML源码
  • 9
    “可以成为我的恋人吗”HTML源码
  • 10
    html视频嵌入代码
  • 1
    一款内容直观的引导页HTML源码
    16
  • 2
    单页图床HTML源码+本地API接口图床系统源码
    18
  • 3
    实时天气卡片单页HTML源码
    9
  • 4
    “可以成为我的恋人吗”HTML源码
    19
  • 5
    阿里云CDN边缘脚本示例实现/?p123重定向/p/123.html
    30
  • 6
    SurfGen爬虫：解析HTML与提取关键数据
    62
  • 7
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    34
  • 8
    网页 HTML 自动播放下一首音乐
    53
  • 9
    可爱狗狗的404动画HTML源码
    133
  • 10
    创意滑板动画404错误提示HTML源码
    24

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    阿里云oss简介和如何对接使用