广西优化网站 优帮云,中国中小企业信息网官网,网站建设的功能有哪些方面,微网站访问量HTML#xff08;超文本标记语言 - HyperText Markup Language#xff09;是一种用于创建网页的标准标记语言。
HTML 最初是由蒂姆・伯纳斯 - 李#xff08;Tim Berners - Lee#xff09;在 1990 年左右开发的。当时的目的是为了让世界各地的科学家能够方便地共享和交流信息…HTML超文本标记语言 - HyperText Markup Language是一种用于创建网页的标准标记语言。
HTML 最初是由蒂姆・伯纳斯 - 李Tim Berners - Lee在 1990 年左右开发的。当时的目的是为了让世界各地的科学家能够方便地共享和交流信息。随着互联网的飞速发展HTML 也经历了多个版本的更新从 HTML 1.0 到 HTML 4.01再到现在广泛使用的 HTML5。每一次版本更新都带来了新的功能和特性以适应日益复杂的网页设计需求。
一、HTML基本结构概述
HTML网页由个标准的结构主要由以下几个关键部分组成
文档类型声明HTML根元素头部head主体body
这些结构为浏览器解析和显示提供了清晰的框架。
二、文档类型声明DOCTYPE
这是 HTML 文档的第一行用于告诉浏览器文档的类型。例如在 HTML5 中文档类型声明是!DOCTYPE html。它的作用是让浏览器按照正确的 HTML 标准来解析页面内容。
三、HTML根元素html
html作为HTML文档的根标签所有其他的HTML元素都被包括里面。根元素只有开始标签html和结束标签/html。这个标签界定了整个html文档的范围浏览器只会识别其中的内容为有效的HTML代码
四、头部部分 head
head部分包含了网页的元数据这些信息对浏览器的渲染和网页的展示特性有重要作用但不会直接在网页的可见区域显示。
title用于界定网页的标题标题内容会显示浏览器的标题栏或标签页上。
meta用于提供多种类型的元数据常见的有编码设置例如meta charsetUTF-8。它确保浏览器能够正确的解析和显示网页中的各种字符支持多种语言字符也可也设置页面描述关键词等信息。如meta namekeywords content网页趣味 可设置关键词帮助搜索引擎索引网页。 link 主要连接外部资源最常见的是连接CSS样式表。例如link rel“stylesheet” href“styles.css” 其中rel“stylesheet”表明这是一个样式表链接href属性指明了CSS文件路径。这样链接可以将网页内容和样式进行分离方便网页设计和维护。
script 用于在HTML文档中嵌入JavaScript代码或引用外部的脚本文件。如果是嵌入代码可以直接写入代码如scriptalert(欢迎来到网页)/script 若是引用外部脚本则是script srcscript.js/script 这里面src属性指定了JavaScript文件的路径。脚本可以为网页添加交互功能。
五、body主体部分
body标签是 HTML 文档的核心部分它位于html标签内紧跟在head标签之后
内容呈现 所有用户在浏览器中直接看到和交互的内容都放置在body标签中。这包括文本、图像、链接、列表、表格、按钮等多种元素。例如你可以使用p标签在body中添加段落文本如p这是一段展示在网页主体部分的文字。/p。用户打开网页时就可以看到这段文字内容。页面布局基础 它为网页的布局提供了基础框架。虽然 CSS层叠样式表主要负责精确的页面布局和样式控制但body标签内元素的排列顺序和结构对整体布局有重要影响。例如你可以通过在body中放置多个div标签一种通用的容器标签来划分页面的不同区域如头部区域、内容区域、侧边栏区域和底部区域等然后通过 CSS 来进一步定义这些区域的大小、位置和外观。支持交互元素 包含各种可以与用户进行交互的元素。例如form标签用于创建表单如登录表单、注册表单、调查问卷等都放置在body。多媒体内容展示 可以展示多媒体内容如通过img标签展示图像像img srcimage.jpg alt一幅美丽的画可以在网页主体部分显示一张名为image.jpg的图片。如果图片无法加载浏览器会显示alt属性中的替代文本 “一幅美丽的画”。 还可以通过video和audio标签分别展示视频和音频内容。 table表格tr表示行td表示单元格。 表单元素。form标签包含表单内容input标签用于创建各种输入框如input typetext placeholder请输入用户名 用于创建一个文本输入框type指定输入类型placeholder属性提示文本。
声明
学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下如涉及侵权马上删除文章笔记只是方便各位师傅的学习和探讨文章所提到的网站以及内容只做学习交流其他均与本人以及泷羽sec团队无关切勿触碰法律底线否则后果自负有兴趣的小伙伴可以点击下面连接进入b站主页[B站泷羽sec](https://space.bilibili.com/350329294)
