html第一天

最新推荐文章于 2024-08-31 21:49:18 发布

自欺欺人者。

最新推荐文章于 2024-08-31 21:49:18 发布

阅读量83

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_45331512/article/details/124247393

版权

1.html--超文本标记语言，能够搭建网页结构，静态的HTML代码总是卸载一个后缀名为.html的文件中
2.css
3.js

htmLa搭建基础结构（钢筋骨架）
css（修饰）
js

html标签总是写在标签中
根标签是<html>
包含<head>和<body>
<head>是告诉浏览器如何解析单签页面的代码
比如<meta>中有编码格式
<title>表示浏览器选项卡上的标题
<body>展示在浏览器上的内容

有斜杠的标签是结束标签，没有斜杠是开始标签

标签大小有六级

标题修饰有六级，不可轻用，百度关键词爬取搜索的就是网站标题。

html api文档
https://www.w3school.com.cn/

使用chrome浏览器最好
&nbsp;在html中代表一个空格
<br> 代表换行
<br/>中/可以省略
带有水平分割线的换行方式
<hr>换行的同时会加上一条水平线

xxxxxxxxxx html的注释<!--   -->注释的一段代码

<p>和<br>的区别
<br>换行
<p>换行的同时还会提供行间距
<pre>标签对中的代码可以保留原始格式。
<pre></pre>保留的是原始的格式
内容放在pre之间

<img src="绝对路径/相对路径">
可以在网页插入一张图片
绝对路径：从根目录出发的地址
相对路径：从当前文件夹下的路径
./当前路径
../上层路径

图片属性
图片是像素点成像
img 内部属性
width表示宽度
height表示高度
只需要改变图像中的任意一个，另外一个会等比例的变化。

<a href=“ ”>
超链接 
内部支持绝对路径和相对路径

<body bgcolor="yellow"></body>
设置背景颜色

使用#r（两位十六进制）g(十六进制)b（十六进制）
如	<body bgcolor="#999999" >

同时设置背景颜色和背景图片，背景图片会覆盖背景颜色

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的第一个网页（标题展示部分）</title>
	</head>
	<body bgcolor="yellow" background="./excitement_0041.jpg" >
<!--今天写的代码 时间2022-04-18-->
		<h1>是body，网页展示的部分</h1>
		<h2>是body，网页展示的部分</h2>
		<h3>是body，网页展示的部分</h3>
		<h4>是body，网页展示的部分</h4>
		<h5>是body，网页展示的部分</h5>
		<h6>是body，网页展示的部分</h6>
		      前面有空格（实际无）
	    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;前面有（&nbsp;）键（& nbsp;代表有空格）
		<br><br><br>
		与上一行换行，本行为br换行结果
		<hr>
		与上一行换行，本行为hr换行结果
		<br>
		第一行
		<p>第二行</p>
		<p>第三行</p>
		<p>第四行</p>
		<pre>
			保留原有格式
			床前明月光
			疑是地上霜
			举头望明月
			低头思故乡
		</pre>
		<!--<p>相对路径</p>
		<img src="./excitement_0041.jpg" width="20%">
		<p>绝对路径</p>
		<img src="D:/mysql/html_space/html/excitement_0041.jpg" width="30%" href="./test2.html">-->
		<p><a href="https://www.youtube.com/">youtube</a></p>
	</body>
</html>