web day1笔记

最新推荐文章于 2024-07-20 18:16:53 发布

fascinating14

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量24

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/fascinating14/article/details/130022904

版权

Day1

Web前端：Html框架，Css美化，Js动作行为，Jquery，Bt

网页：文字，图片，音频，视频

Html 超文本标签语言

<html>

……

</html>

<!--...-->	定义注释
<a>	定义超文本链接
<audio>	定义音频内容
<b><strong>	定义文本粗体
<br>	定义换行
<button>	定义一个点击按钮
<command>	定义命令按钮，比如单选按钮、复选框或按钮
<del>	定义被删除文本
<details>	用于描述文档或文档某个部分的细节
<dialog>	定义对话框，比如提示框
<dir>	HTML5不支持，不赞成使用。定义目录列表。
<div>	定义文档中的节
<dl>	定义列表详情
<dt>	定义列表中的项目
<em>	定义强调文本
<embed>	定义嵌入的内容，比如插件。
<form>	定义了HTML文档的表单
<h1> to <h6>	定义 HTML 标题
<head>	定义关于文档的信息
<header>	定义了文档的头部区域
<hr>	定义水平线
<html>	定义 HTML 文档
<i>	定义斜体字
<img>	定义图像
<input>	定义输入控件
<label>	定义 input 元素的标注
<li>	定义列表的项目
<object>	定义内嵌对象
<ol>	定义有序列表。
<p>	定义段落。
<select>	定义选择列表（下拉列表）。
<span>	定义文档中的节。
<strike>	HTML5不支持，不赞成使用。定义加删除线文本。
<strong>	定义强调文本。
<sub>	定义下标文本。
<summary>	<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
<sup>	定义上标文本。
<table>	定义表格。
<td>	定义表格中的单元。
<th>	定义表格中的表头单元格。
<tr>	定义表格中的行。
<ul>	定义无序列表。
<video>	<video> 标签定义视频，比如电影片段或其他视频流。
<u>	下划线

图片标签：<img src="url" alt="some_text">

src="" 绝对路径/相对路径/网络路径

Title：鼠标放在图片上会有解释。

alt属性：在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

视频、音频标签：

Audio/Video

属性	值	描述
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）。
loop	loop	如果出现该属性，则每当音频结束时重新开始播放。
muted	muted	如果出现该属性，则音频输出为静音。
src	URL	规定音频文件的 URL。

链接标签：<a href="url">链接文本</a>

锚链接通过id实现 target

属性	值	描述
href	URL	规定链接的目标 URL。
name	section_name	HTML5 不支持。规定锚的名称。
target	_blank _parent _self _top framename	规定在何处打开目标 URL。仅在 href 属性存在时使用。 _blank：新窗口打开。 _parent：在父窗口中打开链接。 _self：默认，当前页面跳转。 _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。