HTML5基本标签

最新推荐文章于 2024-11-01 10:18:14 发布

2401_84617246

最新推荐文章于 2024-11-01 10:18:14 发布

阅读量748

点赞数 17

文章标签： html5 前端 html

本文链接：https://blog.csdn.net/2401_84617246/article/details/139781410

版权

超文本包括：文字，图片，音频，视频，动画等

HTML5，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。

W3C

World Wide Web Consortium (万维网联盟)

成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构

W3C标准内容

结构化标准语言（HTML，XML)
表现标准语言(CSS)
行为标准语言（DOM,ECMAScript)

网页基本信息：

=======

Title

Hello World!!!

网页基本标签：

=======

基本标签

一级标签

二级标签

三级标签

四级标签

五级标签

六级标签

p换行1

p换行2

换行1

换行2

字体样式标签

粗体：I love you

斜体：I love you

空格： nbsp;nbsp;

空格：1 2 3 4

大于号>

小于号<

版权符号©

图像和超链接标签

========

图像和链接标签

<a target=“_blank”

href=“http://wpa.qq.com/msgrd?v=xxx&uin=&site=qq&menu=yes”>

<img border=“0”

src=“http://wpa.qq.com/pa?p=2::52” alt=“点击这里加我领取小电影”

title=“点击这里加我领取小电影”

块元素和行内元素

=========

块元素
无论内容多少，该元素独占一行
（p h1-h6）
行内元素
撑开宽度，左右都是行内元素的可以排在一行
（a strong em …）

列表标签

====

Title

Go
Python
后端
大数据
C++
Go
Python
后端
大数据
C++
学科列表
Go

Python

C++
位置
广东

北京

澳大利亚

表格标签：

=====
表格
1-1 2-1 2-2 2-3 3-2 3-3

媒体元素（视频和音频）

============
媒体元素（视频和音频）

页面结构分析

| 元素名 | 描述 |

| — | — |

| header | 标题头部区域的内容（用于页面或页面中的一块区域） |

| footer | 标记脚部区域的内容（用于整个页面或页面的一块区域） |

| section | Web网页中的一块独立区域 |

| article | 独立的文章内容 |

| aside | 相关内容或应用 |

| nav | 导航类辅助内容 |
页面结构

网页头部

网页主体

网页脚部

效果展示：

iframe内联框架

==========
- ifram标签，必须要有src属性即引用页面的地址
- 给标签加上name属性后，可以做a标签的target属性，即在内联窗口中打开链接
target相当于指针，name相当于变量名。

target属性，相当于把“hello”和链接绑定了，然后内联框架可以通过name=“hello”访问这个链接。
内联框架
frameborder=“0”

width=“1000”

height=“800”

name=“hello”>

点击我跳转

效果展示：

表单语法：

=====

初始表单post和get提交

from标签，action属性为所提交的位置，也就是目的地址

method选择提交方式

可以选择使用post或者get方式提交
- get高效，但在url中可以看到提交的信息，不安全，不能提交大文件
- post比较安全且可以传输大文件
登录注册
注册

名称：

密码：

最后

❤️ 谢谢支持，喜欢的话别忘了关注、点赞哦。

se,x_16)

表单语法：

=====

初始表单post和get提交

from标签，action属性为所提交的位置，也就是目的地址

method选择提交方式

可以选择使用post或者get方式提交
- get高效，但在url中可以看到提交的信息，不安全，不能提交大文件
- post比较安全且可以传输大文件
登录注册
注册

名称：

密码：

最后

❤️ 谢谢支持，喜欢的话别忘了关注、点赞哦。