前端——HTML笔记1

只有我最优秀

已于 2023-12-18 19:56:32 修改

阅读量422

点赞数 8

文章标签： html 前端

于 2023-12-14 20:05:06 首次发布

本文链接：https://blog.csdn.net/qq_25499417/article/details/135003148

版权

html模板

<!DOCTYPE htm1>
<htm1>
	<head>
        <head>
			<title>标题文档</title>
			<meta charset="UTF-8";/>
		</head>
		<body>
            一个段落
		</body>
</htmI>

常用字符实体

&nbsp;	空格
&gt;	>
&lt;	<
&quot;	"
&copy;	©
&map	&

常用标签模板

<br/>换行标签，单标签
<hr/>分隔符，单标签
<h1>一级标题<h1/>
<p>段落元素</p>
<strong>加粗</strong>
<em>斜体</em>

img标签

<img src="图片地址" alt="图片失效后的提示" title="鼠标放上去提示" width="长" height="高"/>	图片标签，单标签
例如：<img src="./day02-笔记.assets/hetao.jpg" alt="优质核桃" title="核桃" width="500px" height="300px"/>

属性	值	描述
alt	text	规定图像的替代文本。
height	pixels	规定图像的高度。
src	URL	规定显示图像的 URL。
width	pixels	规定图像的宽度。
title	text	规定元素的额外信息

a标签

<a id="a标签的id" href="链接的地址" target="_self | _blank | _parent | _top | framename">a标签的文本</a>
例如：<a id="a" href="./007.htm" target="_blank">无漂白薄皮核桃</a>
锚点编写思路
1. 目标元素添加id属性和值
2. a元素的href属性加#和目标id属性值
<a  href="#top"  target="_blank">跳至当前页面的top</a>
<a  href="./222.html#top"  target="_blank">跳至222.html的top</a>

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

列表

ul>li，无序列表
例如：<ul type="square">
		<1i type="A">机子</1i>
		<li>苹果</li>
		<li>香蕉</li>
	</ul>
ol>li，有序列表
例如：<ol type="A">
		<li>机子</1i>
		<1i type="circle">苹果</1i>
		<1i>香蕉</1i>
	</ol>
dl>dt>dd，自定义列表
例如：<dl>
		<dt>所属学院</dt>
			<dd>计算机应用</dd>
		<dt>所属专业</dt>
			<dd>软件工程</dd>
			<dd>软件工程</dd>
	</dl>

ul属性

属性	值	描述
type	disc（实心圆） square （正方形） circle（空心圆）	HTML5 不支持。HTML 4.01 已废弃。规定列表的项目符号的类型

ol属性

属性	值	描述
type	`a` 表示小写英文字母编号 `A` 表示大写英文字母编号 `i` 表示小写罗马数字编号 `I` 表示大写罗马数字编号 `1` 表示数字编号（默认）	规定列表的类型。不赞成使用。请使用样式代替。

li属性

属性	值	描述
type	同ul和ol	HTML5 不支持该属性。HTML 4.01 已废弃该属性。不赞成使用。请使用样式取代它。规定使用哪种项目符号。