HTML笔记

已于 2022-03-07 09:30:34 修改
阅读量218 收藏
点赞数
文章标签： jar
于 2022-03-07 09:30:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19661085/article/details/123312228
版权

1

</head>
<body>
	<!--优先级：行内样式>内部样式>外部样式-->
	<!--优先级：就近原则，谁离元素近采用谁 -->
	<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
	<h1 style="color: red;">我是标签</h1>
	
</body>

		<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--内部样式表-->
		<style type="text/css">
			h1{
				color: yellow;
			}
		</style>
		<!--外部样式-->
		<link rel="stylesheet" type="text/css" href="CSS3笔记.css"/>
		
	</head>
	<body>
		<!--优先级：行内样式>内部样式>外部样式-->
		<!--优先级：就近原则，谁离元素近采用谁 -->
		<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
		<h1 style="color: red;">我是标签</h1>
		
	</body>
</html>
		

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--内部样式表-->
		<style type="text/css">
			h1{
				color: yellow;
			}
		</style>
		<!--外部样式-->
		<link rel="stylesheet" type="text/css" href="CSS3笔记.css"/>
		
	</head>
	<body>
		<!--优先级：行内样式>内部样式>外部样式-->
		<!--优先级：就近原则，谁离元素近采用谁 -->
		<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
		<h1 style="color: red;">我是标签</h1>
		
	</body>
</html>```

```html
<html>
	<head>
		<meta charset="utf-8" />
		<title>总结</title>
	</head>
	<body>
		<a name="top">顶部</a>
		<hr />
		<!--标题标签-->
		
	<p>
			<h1>一级标题</h1>
		    <h2>二级标题</h2>
		    <h3>三级标题</h3>
		    <h4>四级标题</h4>
		    <h5>五级标题</h5>
		    <h6>六级标题</h6>
	 </p>
		<!--字体样式标签-->
		<hr />
		<!--粗体-->
		<strong>我是一头猪</strong>
		<br />
		<!--斜体-->
		<em>我是一头猪</em>
		<hr />
		<!--特殊符号-->
		&nbsp;
		&copy;
		&gt;
		&lt;
		<hr />
	<!--图像标签-->
		<img src="存储位置" alt="这是图片不显示的时候显示的图片" title="这是鼠标移到图片上显示的内容" width="这里是图片的宽度" height="图像的高度"; />
		<img src="../../XXX.png" />相对位置
		<img src="具体的存储位置。" />
		<hr />
	<!--链接标签-->
	<a href="path" target="跳转目标显示窗口"></a>
	<!--path为跳转链接的位置-->
    <a href="path" target="_self"></a>
    <!--_self为在本页面打开-->
    <a href="path" target="_blank"></a>
    <!--_blank为在新的页面跳转-->
	<a href="index.html" target="_blank" target="_self">点击我跳转到新的页面</a>
	<a href="path">
		<img src="path" alt="这是文字" title="悬停文字" width="宽度" height="高度"/>
	</a>
	<hr />
	<!--锚链接
		1.设置跳转位置；
		2.跳转；
	-->
	<a href="#top">点击这里跳转</a>
	<hr />
	<!--功能性链接-->
	<!--邮件链接-->
	<a href="mailto:2697951180@qq.com" target="2697951180@qq.com">此邮件联系我</a>
	<hr />
	<!--列表标签-->
	<!--有序列表-->
		<ol>这是有序列表的第一行</ol>
		<ol>这是有序列表的第二行</ol>
		<ol>这是有序列表的第三行</ol>
		<!--无序列表-->
		<hr />
		<ul>
			<li>这是无序列表的第一行</li>
			<li>这是无序列表的第二行</li>
			<li>这是无序列表的第三行</li>
			
		</ul>
		<hr />
	<!--自定义列表-->
<dl>
	<dt>标签</dt>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
</dl>
	<hr />|
	<!--表格标签-->
	<!--colspan跨列显示-->
	<!--rowspan跨行显示-->
<table border="3px" bgcolor="aqua" width="300">
	<tr>
		<td colspan="2">1-1</td>
		<td>1-2</td>
		<td>1-3</td>
	</tr>
	<tr>
		<td rowspan="2">2-1</td>
		<td>2-2</td>
		<td>2-3</td>
	</tr>
</table>
<hr />
<br />
<!--影音标签-->
<!--影视-->
	<video src="path" controls="controls" autoplay="autoplay"></video>
	<hr />
<!--音乐-->
	<audio src="path" controls="controls" autoplay="autoplay"></audio>
	<hr />
		<!--网页结构-->
		<header>头部区域内容</header>
		<footer>标记脚步区域</footer>
		<section>Web页面中的独立区域</section>
		<article>独立的文章内容</article>
		<aside>相关内容（常用于侧边栏）</aside>
		<nav>导航类辅助内容</nav>
		<hr />
		<!--内联框架-->
		<iframe src="index.html#top" name="hello!" width="400px" height="300px"></iframe>
		<a href="index.html" target="hello">XX</a>
		<hr />
		<!--表单语法-->
		<form action="index.html" method="post"></form>
		<form action="index.html" method="get"></form>
			<hr />
		<p>名字：
			<input type="text" name="username" id="username" value="" />
		</p>
			<hr />
		<p>密码：
			<input type="text" name="passname" id="lalal" value="" />
			<br />
			<hr />
			<!--提交-->
			<input type="submit" />
			<!--重置-->
			<input type="reset" />
			<br />
			<hr />
			<!--单选框-->
			<input type="radio" name="sex"/>男
			<input type="radio" name="sex"/>女
			<br />
			<hr />
			<!--多选框-->
			<input type="checkbox" />上海
			<br />
			<input type="checkbox" />北京
			<br />
			<input type="checkbox" />南京
			<br />
			<input type="button"/>提交
			<br />
			<hr />
			<!--下拉框-->
			<select name="列表名称">
				<option value="选择的值">中国</option>
				<option value="选择的值">日本</option>
				<option value="选择的值" selected="默认值">韩国</option>
				<hr />
			</select>
			<hr />
			<!--文本框-->
			<p>
				<textarea name="textarea" rows="30" cols="50"></textarea>
			</p>
			<hr />
			<!--打开文件-->
			<p>
				<input type="file" />
			</p>
			<hr />
			<br />
			<!--邮箱验证-->
			<input type="email" required="required" />输入邮箱
			<br />
			<hr />
			<!--url验证-->
			<input type="url" />输入URL
			<br />
			<hr />
			<!--数字验证-->
			<input type="number" />数字验证
			<br />
			<hr />
			滑块
			<input type="range" />滑块
			<br />
			<hr />
			<!--搜索框-->
			<input type="search" placeholder="请输入搜索内容 " />搜索框
			<br />
		</p>
	</body>
</html>```

```html
<html>
	<head>
		<meta charset="utf-8" />
		<title>总结</title>
	</head>
	<body>
		<a name="top">顶部</a>
		<hr />
		<!--标题标签-->
		
	<p>
			<h1>一级标题</h1>
		    <h2>二级标题</h2>
		    <h3>三级标题</h3>
		    <h4>四级标题</h4>
		    <h5>五级标题</h5>
		    <h6>六级标题</h6>
	 </p>
		<!--字体样式标签-->
		<hr />
		<!--粗体-->
		<strong>我是一头猪</strong>
		<br />
		<!--斜体-->
		<em>我是一头猪</em>
		<hr />
		<!--特殊符号-->
		&nbsp;
		&copy;
		&gt;
		&lt;
		<hr />
	<!--图像标签-->
		<img src="存储位置" alt="这是图片不显示的时候显示的图片" title="这是鼠标移到图片上显示的内容" width="这里是图片的宽度" height="图像的高度"; />
		<img src="../../XXX.png" />相对位置
		<img src="具体的存储位置。" />
		<hr />
	<!--链接标签-->
	<a href="path" target="跳转目标显示窗口"></a>
	<!--path为跳转链接的位置-->
    <a href="path" target="_self"></a>
    <!--_self为在本页面打开-->
    <a href="path" target="_blank"></a>
    <!--_blank为在新的页面跳转-->
	<a href="index.html" target="_blank" target="_self">点击我跳转到新的页面</a>
	<a href="path">
		<img src="path" alt="这是文字" title="悬停文字" width="宽度" height="高度"/>
	</a>
	<hr />
	<!--锚链接
		1.设置跳转位置；
		2.跳转；
	-->
	<a href="#top">点击这里跳转</a>
	<hr />
	<!--功能性链接-->
	<!--邮件链接-->
	<a href="mailto:2697951180@qq.com" target="2697951180@qq.com">此邮件联系我</a>
	<hr />
	<!--列表标签-->
	<!--有序列表-->
		<ol>这是有序列表的第一行</ol>
		<ol>这是有序列表的第二行</ol>
		<ol>这是有序列表的第三行</ol>
		<!--无序列表-->
		<hr />
		<ul>
			<li>这是无序列表的第一行</li>
			<li>这是无序列表的第二行</li>
			<li>这是无序列表的第三行</li>
			
		</ul>
		<hr />
	<!--自定义列表-->
<dl>
	<dt>标签</dt>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
</dl>
	<hr />|
	<!--表格标签-->
	<!--colspan跨列显示-->
	<!--rowspan跨行显示-->
<table border="3px" bgcolor="aqua" width="300">
	<tr>
		<td colspan="2">1-1</td>
		<td>1-2</td>
		<td>1-3</td>
	</tr>
	<tr>
		<td rowspan="2">2-1</td>
		<td>2-2</td>
		<td>2-3</td>
	</tr>
</table>
<hr />
<br />
<!--影音标签-->
<!--影视-->
	<video src="path" controls="controls" autoplay="autoplay"></video>
	<hr />
<!--音乐-->
	<audio src="path" controls="controls" autoplay="autoplay"></audio>
	<hr />
		<!--网页结构-->
		<header>头部区域内容</header>
		<footer>标记脚步区域</footer>
		<section>Web页面中的独立区域</section>
		<article>独立的文章内容</article>
		<aside>相关内容（常用于侧边栏）</aside>
		<nav>导航类辅助内容</nav>
		<hr />```
		
```<html>
	<head>
		<meta charset="utf-8" />
		<title>总结</title>
	</head>
	<body>
		<a name="top">顶部</a>
		<hr />
		<!--标题标签-->
		
	<p>
			<h1>一级标题</h1>
		    <h2>二级标题</h2>
		    <h3>三级标题</h3>
		    <h4>四级标题</h4>
		    <h5>五级标题</h5>
		    <h6>六级标题</h6>
	 </p>
		<!--字体样式标签-->
		<hr />
		<!--粗体-->
		<strong>我是一头猪</strong>
		<br />
		<!--斜体-->
		<em>我是一头猪</em>
		<hr />
		<!--特殊符号-->
		&nbsp;
		&copy;
		&gt;
		&lt;
		<hr />
	<!--图像标签-->
		<img src="存储位置" alt="这是图片不显示的时候显示的图片" title="这是鼠标移到图片上显示的内容" width="这里是图片的宽度" height="图像的高度"; />
		<img src="../../XXX.png" />相对位置
		<img src="具体的存储位置。" />
		<hr />
	<!--链接标签-->
	<a href="path" target="跳转目标显示窗口"></a>
	<!--path为跳转链接的位置-->
    <a href="path" target="_self"></a>
    <!--_self为在本页面打开-->
    <a href="path" target="_blank"></a>
    <!--_blank为在新的页面跳转-->
	<a href="index.html" target="_blank" target="_self">点击我跳转到新的页面</a>
	<a href="path">
		<img src="path" alt="这是文字" title="悬停文字" width="宽度" height="高度"/>
	</a>
	<hr />
	<!--锚链接
		1.设置跳转位置；
		2.跳转；
	-->
	<a href="#top">点击这里跳转</a>
	<hr />
	<!--功能性链接-->
	<!--邮件链接-->
	<a href="mailto:2697951180@qq.com" target="2697951180@qq.com">此邮件联系我</a>
	<hr />
	<!--列表标签-->
	<!--有序列表-->
		<ol>这是有序列表的第一行</ol>
		<ol>这是有序列表的第二行</ol>
		<ol>这是有序列表的第三行</ol>
		<!--无序列表-->
		<hr />
		<ul>
			<li>这是无序列表的第一行</li>
			<li>这是无序列表的第二行</li>
			<li>这是无序列表的第三行</li>
			
		</ul>
		<hr />
	<!--自定义列表-->
<dl>
	<dt>标签</dt>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
</dl>
	<hr />|
	<!--表格标签-->
	<!--colspan跨列显示-->
	<!--rowspan跨行显示-->
<table border="3px" bgcolor="aqua" width="300">
	<tr>
		<td colspan="2">1-1</td>
		<td>1-2</td>
		<td>1-3</td>
	</tr>
	<tr>
		<td rowspan="2">2-1</td>
		<td>2-2</td>
		<td>2-3</td>
	</tr>
</table>
<hr />
<br />
<!--影音标签-->
<!--影视-->
	<video src="path" controls="controls" autoplay="autoplay"></video>
	<hr />
<!--音乐-->
	<audio src="path" controls="controls" autoplay="autoplay"></audio>
	<hr />
		<!--网页结构-->
		<header>头部区域内容</header>
		<footer>标记脚步区域</footer>
		<section>Web页面中的独立区域</section>
		<article>独立的文章内容</article>
		<aside>相关内容（常用于侧边栏）</aside>
		<nav>导航类辅助内容</nav>
		<hr />```
		

```html
<html>
	<head>
		<meta charset="utf-8" />
		<title>总结</title>
	</head>
	<body>
		<a name="top">顶部</a>
		<hr />
		<!--标题标签-->
		
	<p>
			<h1>一级标题</h1>
		    <h2>二级标题</h2>
		    <h3>三级标题</h3>
		    <h4>四级标题</h4>
		    <h5>五级标题</h5>
		    <h6>六级标题</h6>
	 </p>
		<!--字体样式标签-->
		<hr />
		<!--粗体-->
		<strong>我是一头猪</strong>
		<br />
		<!--斜体-->
		<em>我是一头猪</em>
		<hr />
		<!--特殊符号-->
		&nbsp;
		&copy;
		&gt;
		&lt;
		<hr />
	<!--图像标签-->
		<img src="存储位置" alt="这是图片不显示的时候显示的图片" title="这是鼠标移到图片上显示的内容" width="这里是图片的宽度" height="图像的高度"; />
		<img src="../../XXX.png" />相对位置
		<img src="具体的存储位置。" />
		<hr />
	<!--链接标签-->
	<a href="path" target="跳转目标显示窗口"></a>
	<!--path为跳转链接的位置-->
    <a href="path" target="_self"></a>
    <!--_self为在本页面打开-->
    <a href="path" target="_blank"></a>
    <!--_blank为在新的页面跳转-->
	<a href="index.html" target="_blank" target="_self">点击我跳转到新的页面</a>
	<a href="path">
		<img src="path" alt="这是文字" title="悬停文字" width="宽度" height="高度"/>
	</a>
	<hr />
	<!--锚链接
		1.设置跳转位置；
		2.跳转；
	-->
	<a href="#top">点击这里跳转</a>
	<hr />
	<!--功能性链接-->
	<!--邮件链接-->
	<a href="mailto:2697951180@qq.com" target="2697951180@qq.com">此邮件联系我</a>
	<hr />
	<!--列表标签-->
	<!--有序列表-->
		<ol>这是有序列表的第一行</ol>
		<ol>这是有序列表的第二行</ol>
		<ol>这是有序列表的第三行</ol>
		<!--无序列表-->
		<hr />
		<ul>
			<li>这是无序列表的第一行</li>
			<li>这是无序列表的第二行</li>
			<li>这是无序列表的第三行</li>
			
		</ul>
		<hr />
	<!--自定义列表-->
<dl>
	<dt>标签</dt>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
</dl>
	<hr />|
	<!--表格标签-->
	<!--colspan跨列显示-->
	<!--rowspan跨行显示-->
<table border="3px" bgcolor="aqua" width="300">
	<tr>
		<td colspan="2">1-1</td>
		<td>1-2</td>
		<td>1-3</td>
	</tr>
	<tr>
		<td rowspan="2">2-1</td>
		<td>2-2</td>
		<td>2-3</td>
	</tr>
</table>
<hr />
<br />
<!--影音标签-->
<!--影视-->
	<video src="path" controls="controls" autoplay="autoplay"></video>
	<hr />
<!--音乐-->
	<audio src="path" controls="controls" autoplay="autoplay"></audio>
	<hr />
		<!--网页结构-->
		<header>头部区域内容</header>
		<footer>标记脚步区域</footer>
		<section>Web页面中的独立区域</section>
		<article>独立的文章内容</article>
		<aside>相关内容（常用于侧边栏）</aside>
		<nav>导航类辅助内容</nav>
		<hr />
八合鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html笔记（完整版）
kaluomeng的博客
06-07 3898
标记 类型 译名或意义 作 用 备注 文件标记 ● 文件声明 让浏览器知道这是HTML文件 ● 开头 提供文件整体信息 ● 标题 定义文件标题，将显示于窗口标题 ● 本文 设计文件格式及内文所在 段落标记 ○ 说明标记 为文件加上说明，但不被显示 ○ 段落标记 为文字、图片、表格等之间留一空白行 ○ 换行标记 令文字、图片、表格等显示于下一行 ○ 水平线 插入一条水平线 ● 居中 令文字、图片、表格等显示...
印象笔记导入html笔记,Evernote Importer｜印象笔记导入
weixin_33978722的博客
06-17 1568
Evernote Importer｜印象笔记导入0.87MB. Updated 2020-08-01. Only supports Anki 2.1.x.DescriptionEvernote Importer 是一款将印象笔记导入自动化的 Anki 2.1 插件。用户文档和开发者文档参见本项目的 GitHub 主页。如您在使用中遇到问题或对插件功能有好的建议，欢迎通过以下两种方式之一与我联系：...
HTML笔记整理（个人笔记）
w3535222的博客
03-07 3776
个人笔记
HTML笔记（精简）
weixin_46160720的博客
03-08 1587
html 笔记 vscode 前端三大件
html笔记
热门推荐
一个帅气潇洒的豆子
03-03 1万+
html笔记一、html简介 1、html是什么 Html是用来描述网页的一种语言。 (1)HTML 指的是超文本标记语言 (Hyper Text Markup Language) (2)HTML 不是一种编程语言，而是一种标记语言(markup language,标记语言是一套标记标签(markup tag));
使用onenote记HTML笔记,如何在Windows 10中使用OneNote做笔记
weixin_33502772的博客
06-15 1147
Microsoft OneNote与Windows 10捆绑在一起。这意味着您不必购买Office套件的零售副本或支付Office 365订阅费用就可以使用OneNote记笔记。OneNote是一种数字笔记本，可在您工作时自动保存和同步您的笔记。使用OneNote，您可以执行以下操作：1.在笔记本中输入信息或从其他应用程序和网页中插入信息。2..做手写笔记或画出您的想法。3.使用突出显示和标签可以...
网页设计html 笔记
CSDN_liudong888的博客
04-22 1385
html介绍； 定义：超文本标记语言，不是编程语言； 包含：图片，链接，视频，文档，文字，表格 功能：测试前端页面元素，做ui自动化测试需要理解元素定位； 特点：简易性，可拓展性 （3）平台无关性 （4）通用性 什么人员使用html？ （1）前端开发 javascript+html+css H5==html5 （html第5版本） 前端开发的职责：负责页面涉及，页面排版 后端开发：负责后台业务逻辑，使用编程语言，前后端需要业务对接 （2）测试人员 定位元素，实现ui自动化 5、html 查看方式
HTML+CSS+JS笔记
2301_79880794的博客
01-18 1524
超文本标记语言编程语言标记语言web 页面。
黑马程序员html基本笔记
weixin_57140106的博客
06-25 2287
黑马程序员html个人笔记
HTML学习笔记
m0_58761900的博客
09-16 2513
6.表格标签：table 可以给table加属性： border：加边框 th：加表头 width/height：控制高度宽度 cellspcing：去掉单元格空隙 cellpadding：内容距边框的距离，默认是1像素 align：表格相对于周围元素的对齐方式，比如align=“center” 7.列表标签： （1）无序列表：ul li （2）有序列表：ol li （3）自定义列表：dl（总标签）、dt（小标题）、dd（围绕标题来说明） 8.表单标签：form
HTML 笔记.zip
02-06
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中，我们通过一系列的标签来构建网页结构。例如...
HTML笔记传智讲师视频笔记适合初学者
04-16
"HTML笔记传智讲师视频笔记适合初学者"这个标题暗示了这是一份针对初学者的教程资料，可能包含了从基础到进阶的HTML知识，通过传智讲师的教学方式来讲解。 描述中的"html学习笔记"表明这是关于HTML学习的过程记录，...
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
HTML笔记.txt
02-25
自己总结的html笔记标签 非常适合初学者参考大牛复习 每个标签都标注了用途 需要的可以下载。
HTML笔记(完整版).md
08-14
该笔记适合0基础学员学习，希望对各位学者有所帮助！
如何给 Java 文件打成独立的 JAR 包
weixin_39996520的博客
09-02 1141
在 Java 开发中，打包 JAR（Java ARchive）文件是将编译后的 `.class` 文件、资源文件（如配置文件、图片等）以及依赖的库文件打包成一个压缩文件，便于分发和运行的常见操作。本文将详细介绍如何将 Java 文件打成独立的 JAR 包，包括各个步骤的详细说明（包括maven项目和非maven项目）。
基于Openjdk容器打包运行jar程序
shanshanqwertyuiop的博客
09-04 286
openjdk容器打包java的jar包运行。
Android12上新增jar遇到的问题总结
weixin_41028555的博客
09-04 575
2的结果就是不会有单独的jar生成到out下的system/framework下，只会有中间编译产物的jar生成，但由于这个也满足我的需求，就用这个方式了。2. 在framework/base/service下创建目录，将我的jar移动到这下面，参考其他bp的写法，如下所示，就可以编译成功了。1. 将我这个jar目录移动到framework/base/service下，也是同样的报错，且我未修改我的任何代码。最近在vendor目录下新增jar遇到一个问题。
黑苹果英伟达驱动Geforce-Kepler-Patcher-V2-by-Chris1111-HeiPG.cn
最新发布
09-07
Geforce_Kepler_Patcher_V2_by_Chris1111___HeiPG.cn
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值