479 1 分钟

# 初识 JavaScript # 行内式 JS 1<input type="button" value="点我试试" onclick="alert('hello world')/> 可以将单行或少量 js 代码写在 HTML 标签的事件属性中 (以 on 开头的属性), 如 onclick 注意单双引号的使用:在 HTML 中推荐使用双引号,JS 中推荐使用单引号 可读性差,在 HTML 中编写 JS...
2.1k 2 分钟

# HTML 表单标签 # input 系列标签的基本介绍 input 标签可以通过 type 属性值的不同,展示不同效果 type 属性值 : type 属性值 说明 text 文本框,用于输入单行文本 password 密码框,用于输入密码 radio 单选框,用于多选一 checkbox 多选框,用于多选多 file 文件选择,用于之后上传文件 submit 提交按钮,用于提交 reset 重置按钮,用于重置 button 普通按钮,默认无功能,之后配合 js 添加功能 # text 常用属性...
2.4k 2 分钟

# HTML 表格的使用 # 表格基本标签介绍 基本标签 : 标签名 说明 table 表格整体,可用于包裹多个 tr tr 表格每行,可用于包裹 td td 表格单元格,可用于包裹内容 注意点 : 标签的嵌套关系 : table > tr > td # 表格相关属性 常见相关属性 : 属性名 属性值 效果 border 数字 边框宽度 width 数字 表格宽度 height 数字 表格高度 12345678910111213141516171819202122232425<table...
66 1 分钟

# HTML 字符实体 场景 : 在网页中展示特殊符号效果时,需要使用字符实体替代 结构 : & 英文; 最常见字符实体 : 1 
451 1 分钟

# HTML 语义化标签 # 没有语义的布局标签 ——div 和 span 场景 : 实际开发网页时会大量频繁的使用到 div 和 span 这两个没语义的布局标签 div 标签 : 一行只显示一个 (独占一行) span 标签 : 一行可以显示多个 # 有语义的布局标签 (了解 手机端常用) 场景 : 在 HTML5 新版本中,推出了一些有语义的布局标签供开发者使用 标签 : 标签名 语义 header 网页头部 nav 网页导航 footer 网页底部 aside 网页侧边栏 section 网页区块 article 网页文章 注意点...
169 1 分钟

# HTML 音频标签 # 音频标签的介绍 1<audio src="" controls autoplay l></audio> 常见属性 : 属性名 功能 src 音频的路径 controls 显示播放的控件 autoplay 自动播放 (部分浏览器不支持) loop 循环播放 注意点 : 音频标签目前支持三种格式 : MP3, MAV, OGG
183 1 分钟

# HTML 视频标签 # 视频标签介绍 1<video src="" controls></video> 常见属性 : 属性名 功能 src 视频的路径 controls 显示播放的控件 autoplay 自动播放 (google 浏览器中需配合 muted 实现静音播放) loop 循环播放 注意点 : 在 Google 浏览器中,如果想要实现自动播放,则必须先将视频静音
568 1 分钟

# HTML 列表标签 # 列表标签的分类 有序列表 无序列表 自定义列表 # 无序列表 12345678<h1>水果列表</h1><ul> <li>榴莲</li> <li>香蕉</li> <li>苹果</li> <li>哈密瓜</li>...
309 1 分钟

# HTML 链接标签 # 链接标签介绍 12<a href="">超链接</a><!-- href: 跳转地址 --> 特点 : 双标签,内部可以包裹内容 如果需要 a 标签点击之后去指定页面,需要设置 a 标签的 href 属性 网站开发初期,如果不知道要跳转到哪个网址,则在 href 属性值中写‘#’ # 链接标签的 target 属性 1<a href="https://www.baidu.com"...