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浏览器最好
在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;代表有空格)
<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>