首页 > 其他分享 >HTML 简介

HTML 简介

时间:2024-07-19 10:56:05浏览次数:12  
标签:元素 网页 简介 JavaScript HTML 文档 页面

HTML 简介

HTML(HyperText Markup Language,超文本标记语言)是构建和设计网页的标准标记语言。它不是一种编程语言,而是一种标记语言,用于创建网页和网页应用程序的内容结构。HTML 文档由一系列的标签(elements)组成,这些标签告诉浏览器如何显示内容,比如文本、图片、链接、列表、表格等。

HTML 的基本构成

  • 文档声明:每个 HTML 页面都以 <!DOCTYPE html> 开头,这个声明告诉浏览器这个文档使用的是 HTML5 标准。
  • html 元素:整个 HTML 文档被 <html> 元素包裹,它代表整个 HTML 文档的开始和结束。
  • head 元素<head> 元素包含了文档的元数据,如 <title>(定义文档的标题)、<meta>(提供有关页面的元信息,如字符集声明、文档描述、关键词、页面刷新等)、<link>(链接外部资源,如样式表)和 <script>(定义客户端脚本,如 JavaScript)。
    body 元素<body> 元素包含了可见的页面内容,如文本、图片、视频、游戏、可交互的表单等。

HTML 的特点

  • 平台无关性:HTML 文档可以在任何支持 HTML 的浏览器上正确显示,无需进行任何修改。
  • 超文本:HTML 支持超链接,允许用户点击链接跳转到同一页面上的不同部分或跳转到另一个页面。
  • 多媒体:HTML 支持嵌入图片、音频、视频等多种媒体类型。
  • 动态内容:通过 JavaScript 和其他技术,HTML 可以创建动态和交互式的网页。
  • 可扩展性:HTML 可以通过 CSS(层叠样式表)和 JavaScript 等技术来扩展其功能,实现更丰富的页面效果和交互。

HTML 的发展

HTML 自 1991 年由 Tim Berners-Lee 发明以来,已经历了多个版本的更新。最新的主要版本是 HTML5,它于 2014 年 10 月成为 W3C(万维网联盟)的推荐标准。HTML5 引入了许多新的特性和改进,旨在支持更丰富的网络应用,包括视频和音频内容的原生支持、更强大的表单控制、图形和效果、离线应用和存储、地理定位等。

结论

HTML 是构建网页的基础,它定义了网页的结构和内容。通过与其他技术(如 CSS 和 JavaScript)的结合,可以创建出功能丰富、视觉效果出色的网页和网页应用。对于想要学习网页开发的人来说,掌握 HTML 是必不可少的第一步。

标签:元素,网页,简介,JavaScript,HTML,文档,页面
From: https://www.cnblogs.com/test-gang/p/18278149

相关文章

  • 防止提交时重新加载 HTML 页面
    我正在开发一个天文应用程序,该应用程序可以确定太阳的位置以及一天中不同时间产生的阴影长度和阴影方位角。我希望最终将其部署在手机上,因此我使用HTMLGeolocationAPI来获取设备的纬度和经度以及请求位置的时间。有了这些信息,我计算了太阳的位置和我感兴趣的一个名为soalr......
  • html--一棵树
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>CodePenChallenge:SeasonsComeandGo</title><linkrel="stylesheet"href="css/style.css"><......
  • 【笔记】【THM】Introduction to Cryptography(密码学简介)
    【THM】IntroductiontoCryptography(密码学简介)-学习本文相关的TryHackMe实验房间链接:https://tryhackme.com/r/room/cryptographyintro本文相关内容:了解AES、Diffie-Hellman密钥交换、哈希、PKI和TLS等加密算法。(大部分为机翻,若有错误请指出)介绍这个房间的目的是向......
  • HTML学习1:网页基本信息
    <!--html注释--><!--ctrl+/注释的快捷键--><!--DOCTYPE:告诉浏览器,我们要使用什么规范--><!DOCTYPEhtml><htmllang="en"><!--head标签代表网页头部--><head>  <!--meta为描述性标签,它用来描述我们网站的一些信息-->  <!--meta一般用来做SEO(搜索......
  • HTML学习1:网页基本标签
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <title>网页基本标签</title></......
  • html+canvas 实现签名功能-手机触摸
    手机上的效果图需要注意,手机触摸和鼠标不是一个事件,不能通用,上一篇是关于使用鼠标的样例相关代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0&......
  • html5案例--制作电影影评网
    效果图:1.划分为三个结构:header、nav、footer2.header标签:3.nav标签:ul嵌套li,li里面放置内容4.footer标签:效果要达到点击对应方面展开详情页,用details标签实现,details嵌套summary及其他标签元素(例:article标签),summary放置标题显示内容mark标签内放置需要强调的内容,效果为......
  • HTML5+CSS3小实例:纯CSS实现奥运五环
    实例:纯CSS实现奥运五环技术栈:HTML+CSS效果:源码:【HTML】<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"&g......
  • `useHeadSafe`:安全生成HTML头部元素
    title:useHeadSafe:安全生成HTML头部元素date:2024/7/17updated:2024/7/17author:cmdragonexcerpt:摘要:“useHeadSafe”是Vue.js组合函数,用于安全生成HTML头部元素,通过限制输入值格式避免XSS等安全风险,提供了安全值白名单确保只有安全属性被添加。categories:......
  • html5案例--制作电影影评网
    制作电影影评网效果图:1.划分为三个结构:header、nav、footer2.header标签:3.nav标签:ul嵌套li,li里面放置内容4.footer标签:效果要达到点击对应方面展开详情页,用details标签实现,details嵌套summary及其他标签元素(例:article标签),summary放置标题显示内容mark标签内放置需要......