首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场

HTML5

作者头像
roydonGuo
发布2022-11-02 15:16:03
发布2022-11-02 15:16:03
3.5K00
代码可运行
举报
文章被收录于专栏:postsposts
运行总次数:0
代码可运行

一、基础认识

浏览器:网页运行,显示平台、五大浏览器

浏览器渲染引擎

不同浏览器遵循一个Web标准

二、HTML

(Hyper Text Markup Lanuage)==>超文本标记语言

注释:

标签:

双标签:

eg:

代码语言:javascript
代码运行次数:0
运行
复制
<strong>自体加粗</strong>
  • 单标签:不可包裹内容

排版标签

标题标签:

代码语言:javascript
代码运行次数:0
运行
复制
<h1>一级标题</h1>
<h2>二级标题</h2>
。。。。。
<h6>六级标题</h6>

段落标签:

代码语言:javascript
代码运行次数:0
运行
复制
<p>段落内容。。。</p>

若(。・・)ノvsCode段落标签中内容过多,可ALT + Z自动换行

换行标签:

代码语言:javascript
代码运行次数:0
运行
复制
<br>

水平线标签:

代码语言:javascript
代码运行次数:0
运行
复制
<hr>

文本格式化标签

媒体标签

图片标签:

代码语言:javascript
代码运行次数:0
运行
复制
<img src="路径" alt="替换文本(src失效显示)" title="鼠标悬停提示文本">

更多属性:width、height(只设置一个会保持原图比例,两个都设置自定义图片比例)

路径:

  1. 相对路径:(当前文件)
  • 同级文件:
  • 引用下级文件:

<img src="./images/图片.jpg">

  • 引用上级文件:<img src="../目标文件.gif">
  1. 绝对路径:

目录下的绝对位置,可直接到达目标位置,通常==从盘符开始==的路径

音频标签(双标签):

常见属性:

目前此标签支支持三种格式:==MP3、Wav、Ogg==

视频标签:(常见属性见音频标签)

代码语言:javascript
代码运行次数:0
运行
复制
<video src="" controls></video>

连接标签

href=”#”表示空链接,还没有确定目标页面

属性:

  • target:(打开网页的形式)

列表标签

无序(点),有序(序号),自定义列表

无序列表

有序列表

自定义列表

表格

标题标签,caption表格大标题

常见属性:

表单标签

input

常用属性:

单选功能:

checked默认选中(也适用于多选)

文件上传功能:多文件上传属性:multiple

按钮功能:需要在同一域下<form></form>

按钮加value属性,显示按钮文字显示

button

(双标签)

select

下拉菜单,selected默认选中

textarea

文本域标签,(简介输入框)

实际开发会使用CSS

label

场景:不止点按钮触发,点按钮对应的文字也会触发

语义化标签

无语义布局标签

有语义布局标签

html5新版本加入,和<div>一致

字符实体


表格案例

表单案例


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、基础认识
  • 二、HTML
    • 排版标签
    • 文本格式化标签
    • 媒体标签
    • 连接标签
    • 列表标签
      • 无序列表
      • 有序列表
      • 自定义列表
      • 表格
    • 表单标签
      • input
      • button
      • select
      • textarea
      • label
    • 语义化标签
      • 无语义布局标签
      • 有语义布局标签
    • 字符实体
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档