首页 前端知识 HTML、HTML5一览

HTML、HTML5一览

2024-06-06 10:06:13 前端知识 前端哥 622 223 我要收藏

文章目录

  • HTML
    • 简介
    • 标签
      • 基本标签
      • 格式化文本
      • 链接
      • 图像
      • 块级元素
      • 列表
      • 表格
      • 框架
      • 表单
      • 实体
  • HTML5

此篇用于优化csdn第一篇文章

在这里插入图片描述

HTML

简介

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)

  • HTML 标签是由尖括号包围的关键词,比如
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
    基本格式快速生成:快捷点 !+ 回车
    ​​
    ​​在这里插入图片描述
    在这里插入图片描述
    lang后面的是网页显示语言
    charset后的是“万国码”,详解万国码

基本标签

在这里插入图片描述

格式化文本

在这里插入图片描述

链接

在这里插入图片描述
若跳转页面时不覆盖当前页面 则在<a 内定义target=“_blank"

锚点链接:点击链接时,快速定位到链接的位置
在这里插入图片描述

图像

在这里插入图片描述
src后面跟着图片存在的路径,可为硬盘位置,也可为网址链接。alt 是当图片显示不出来的时候,文本代替图片显示。

路径分为相对路径和绝对路径
相对路径
在这里插入图片描述

​​绝对路径
在这里插入图片描述

块级元素

在这里插入图片描述

div和span的区别

列表

无序列表
在这里插入图片描述
有序列表
在这里插入图片描述
自定义列表

在这里插入图片描述

表格

结构
在这里插入图片描述

定义行 定义列 定义表头

​跨行或跨列的单元格
在这里插入图片描述
在这里插入图片描述

框架

在这里插入图片描述

表单

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注:maxlength为限制文字数目,checked为默认选择,value为默认内容
下拉列表:
在这里插入图片描述
设置预选
在这里插入图片描述

实体

在这里插入图片描述

HTML5

html5主要新增的一些标签元素
例如:

  • <canvas>标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

<audio>    定义音频内容
<video>    定义视频(video 或者 movie)
<source>    定义多媒体资源 <video><audio>
<embed>    定义嵌入的内容,比如插件。
<track>    为诸如 <video><audio> 元素之类的媒介规定外部文本轨道。

新表单元素

<datalist>    定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<keygen>    规定用于表单的密钥对生成器字段。
<output>    定义不同类型的输出,比如脚本的输出。

新的语义和结构元素
HTML5提供了新的元素来创建更好的页面结构:

<article>    定义页面独立的内容区域。
<aside>    定义页面的侧边栏内容。
<bdi>    允许您设置一段文本,使其脱离其父元素的文本方向设置。
<command>    定义命令按钮,比如单选按钮、复选框或按钮
<details>    用于描述文档或文档某个部分的细节
<dialog>    定义对话框,比如提示框
<summary>    标签包含 details 元素的标题
<figure>    规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption>    定义 <figure> 元素的标题
<footer>    定义 section 或 document 的页脚。
<header>    定义了文档的头部区域
<mark>    定义带有记号的文本。
<meter>    定义度量衡。仅用于已知最大和最小值的度量。
<nav>    定义导航链接的部分。
<progress>    定义任何类型的任务的进度。
<ruby>    定义 ruby 注释(中文注音或字符)。
<rt>    定义字符(中文注音或字符)的解释或发音。
<rp>    在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section>    定义文档中的节(section、区段)。
<time>    定义日期或时间。
<wbr>    规定在文本中的何处适合添加换行符。

详细内容:

  • canvas : HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.
    标签只是图形容器,您必须使用脚本来绘制图形。
    你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。

  • video:在这里插入图片描述

  • audio:


  • input新增type

color
date
datetime
datetime-local
email
month
number
range(滑块设置)
search
tel
time
url
week
转载请注明出处或者链接地址:https://www.qianduange.cn//article/11018.html
标签
评论
发布的文章

js 指定光标位置

2024-06-10 23:06:55

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!