0
点赞
收藏
分享

微信扫一扫

html第一天

gy2006_sw 2022-04-18 阅读 135
html
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>

 

举报

相关推荐

HTML5 【第一天】

Html+css(第一天)

第一天

【第一天】

第一天复习

HCIP第一天

Java第一天

第一天作业

出差第一天

0 条评论