2020年11月29日
摘要: 字符实体: 在普通文字书写时,有一些特殊符号不能直接书写(例如 连续的空格),或者符号具有特殊功能也不能直接书写 (例如<>符号)。 可以使用一些HTML提前预留好的替换字符进行书写,这些替换字符叫做字符实体。 通过查询w3cshool手册,查看所有的字符实体。 使用方法: 可以查询特殊字符的替换写 阅读全文
posted @ 2020-11-29 22:39 KakaLuke 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 表单是用来收集用户输入信息的。 表单的组成: HTML 表单用于搜集不同类型的用户输入,表单元素就是网页中提供用户进行输入或点击的小控件。 在HTML中,一个完整的表单通常由表单域、提示信息和表单控件(也称为表单元素)3个部分构成。 功能: 表单域:相当于一个容器,用来容纳所有的表单控件和提示信息, 阅读全文
posted @ 2020-11-29 22:36 KakaLuke 阅读(689) 评论(0) 推荐(0) 编辑
摘要: 表格基础: 创建一个简单的表格至少有三个标签组成,分别是<table>、<tr>、<td>标签。 table:表格,定义的是整个的表格大结构。 tr:table rows,表格的行,定义的是表格由多少行组成。 td:table data,表格数据,也叫表格单元格,定义的是每一行内部的单元格。 三者的 阅读全文
posted @ 2020-11-29 21:28 KakaLuke 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 布局标签: <div>和<span>标签常用作布局工具,我们俗称盒子,后期h5也增加了更多的布局标签。 <div>和<span>都是没有具体明确的语义的。 <div>标签: div:全称division,分割、区域、跨度的意思。俗称大盒子。 <div>是双标签,是最经典的容器级标签,内部可以放置任意 阅读全文
posted @ 2020-11-29 20:14 KakaLuke 阅读(694) 评论(0) 推荐(0) 编辑
摘要: 定义列表标签: 自定义列表不仅仅是一列项目,而是项目及其注释的组合。 由三个标签组成完整的结构,包含<dl>、<dt>和<dd>。 dl:definition list,表示定义一个自定义列表的大结构。 dt:definition term,表示定义自定义列表中的一个主题或者术语。 dd:defin 阅读全文
posted @ 2020-11-29 20:05 KakaLuke 阅读(1213) 评论(0) 推荐(0) 编辑
摘要: 列表: 列表用于制作HTML中的一系列项目。 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建。 根据项目的内容不同,可以有三种语义的列表结构:无序列表、有序列表、定义列表。 无序列表: 无序列表标签: 无序列表需要两个标签参与,分别是<ul>和<li>。 ul:unordered 阅读全文
posted @ 2020-11-29 19:54 KakaLuke 阅读(2905) 评论(0) 推荐(0) 编辑
摘要: 超级链接的跳转效果不止包含跨页面的跳转,还包含锚点跳转的方式。 页面内锚点跳转: 这种跳转方式实现的是从某个位置跳转到同页面的另一个位置。 制作方法分为两个步骤,分别是设置锚点、添加链接。 设置锚点: 设置锚点,也就是设置跳转目标位置,有两种设置方式。 在目标位置找到任意一个标签,给他添加ID属性, 阅读全文
posted @ 2020-11-29 19:37 KakaLuke 阅读(707) 评论(0) 推荐(0) 编辑
摘要: HTML 使用超级链接与网络上的另一个文档相连。 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新 的文档或者当前文档中的某个部分。 超级链接标签: 在HTML中使用<a>标签可以创建链接。 a全称anchor,锚的意思。 <a>为双标签。 作用:在指定的位置添加 阅读全文
posted @ 2020-11-29 19:25 KakaLuke 阅读(596) 评论(0) 推荐(0) 编辑
摘要: 网页中的多媒体内容除了图片,还有音频、视频等, HTML也提供的特定的标签用于添加音频和视频。 音频标签: 音频使用<audio>标签进行定义。 <audio>是双标签。 同图片一样,需要使用src属性设置音频查找的路径。 音频文件支持的格式包括:.mp3、.ogg、.wav。 音频控制条属性: 音 阅读全文
posted @ 2020-11-29 19:13 KakaLuke 阅读(608) 评论(0) 推荐(0) 编辑
摘要: <img>标签属性: 由于<img>为单标签,所以它只能通过属性进行相关的图像设置。 <img>常用属性展示: 宽度和高度: width:图片的宽度 height:图片的高度 属性值:以px为单位的数值,或者省略px不写。 如果不设置两个属性,会以图片的原始尺寸加载。 如果设置属性:只设置了其中一个 阅读全文
posted @ 2020-11-29 19:04 KakaLuke 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 注释: 注释语法: 在很多代码技术中都可以添加注释内容,我们也可以向 HTML 源代码添加注释。 HTML注释语法: <!-- 书写注释内容 --> vscode快捷键:ctrl+/ 注释的特点: 注释只在源代码中可见,在浏览器窗口是不显示的。 用途: 在源代码中添加描述性的提示信息,便于我们阅读代 阅读全文
posted @ 2020-11-29 18:52 KakaLuke 阅读(103) 评论(0) 推荐(0) 编辑