day01笔记

最新推荐文章于 2024-06-20 11:07:23 发布

北慕~

最新推荐文章于 2024-06-20 11:07:23 发布

阅读量59

点赞数

文章标签：笔记 html5 css 区块链 css3

本文链接：https://blog.csdn.net/qq_52288637/article/details/131603765

版权

head标签

<!DOCTYPE html>  含义是声明文档类型是 html 标准的文档

<meta />  含义是设置网站的源信息
<meta charset="UTF-8">  含义是用来定义文本的编码格式
<meta author="郑科">  含义是用来定义网站的作者
<meta keywords="郑科，张三，李四">  含义是用来定义网站的关键字
<meta decription="我今天很开心">  含义是用来描述网站的内容
<meta name="属性名" content="属性值">   meta的另一种写法

精准的keywords有利于SEO（搜索引擎优化）

块属性标签

1.<div></div>  没有任何意义 页面布局标签
2.<h1>这是一个标题</h1>  标题标签，h1-h6
3.<p></p>  段落标签
4.<hr />分割线  <br />换行符
5.	<ul> 
		<li></li> 
	</ul> 
	无序列表
	list-style-type 属性
		square:实心方块
		circle:空心圆
		dotted:实心圆
		none：取消列表样式
6.	<ol> 
		<li><li> 
	<ol>  
	有序列表
	list-style-type 属性
		lower-alpha:小写字母
		upper-alpha:大写字母
		lower-roman:小写罗马文
		upper-roman:大写罗马文
7.	<dl>
		<dt></dt>
		<dd></dd>
	</dl>
	定义列表
	dl:块标签，定义列表的 父元素
	dt:块标签，定义列表的 标题项
	dd:块标签，定义列表的 列表项
8.<address>河南省郑州市二七区</address>  地址标签
9.<blockquote cite="文献名目">我今天很开心</blockquote>  引用标签，他的 cite 属性表示该文字引用的文献名目

行标签

1.<span>标记标签</span>  没有实际意义，通常用来渲染文字
2.<iframe src="" height="200" width="600"></iframe>
	iframe 框架
	src="需要显示的页面地址"
	height="设置高度"
	width="设置宽度"
3.<a href="###">这是一个a标签</a>
	href 属性:用来设置超链接的地址
	target 属性:设置标签页的打开方式
		_blank  在新标签页打开
		_self  默认值，在当前页打开
	作用:
		1.设置一个超链接
		2.设置锚点 href="###" 点不动，href="#" 回到顶部
		3.下载文件
4.	<strong></strong>  强调标签
	<em></em>  强调并斜体
	<b></b>  文本加粗
	<i><i>  文本斜体
	<var></var>  文本斜体
5.	<q></q>  引用标签
	<pre></pre>  格式化输出
	<code></code>  一般是嵌套代码使用
	
	&lt;  在html中为 <
	&gt;  在html中为 >
	&nbsp;  在html中为 空格

img 标签

<img src="设置图片资源路径" alt="解释图片的内容" width="设置图片的宽" height="设置图片的高">

文件资源路径 分为三种
a.网络路径
b.绝对路径
c.相对路径(在开发中最常用)
	./  代表的是当前目录
	../  代表的是上一级目录

总结

1.块属性标签
		a.独自占据一行，支持宽和高的设置，设置宽和高之后，仍然独占一行
		b.支持上下  padding  和 上下 margin
2.行属性标签
		a.不会独自占据一行，从左至右排列
		b.无法设置宽和高，宽和高由内容撑开
		c.不支持 上下 padding 和 上下 margin