web第一次作业

最新推荐文章于 2024-03-16 12:08:35 发布

gchoud

最新推荐文章于 2024-03-16 12:08:35 发布

阅读量80

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/gchoud/article/details/127553214

版权

1什么而是Web前端？

Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分。

2HTML简介

HTML全称Hyper Text Mark-up Language 翻译过来就是超文本标签语言，标签也可称作标记或者元素。

HTML是目前网络上运用最广泛的前端技术之一，也是网页构成最主要的部分之一。

HTML文本是由HTML标签构成的描述性文本，HTML文本可以表述文字表格声音图形动画链接等。

HTML是WEB编程的基础，HTML之所以被称为超文本标签语言，是文本包含了所谓的“超级链接”和媒体文件。

HTML结构由头部（head）和主体（body）构成

头部描述了浏览器所需的信息
主体包含要说明的具体内容

需要说明的是HTML语言不是一种编程语言而是一种描述性语言，用于描述超文本内容的显示方式。比如，文字以什么颜色大小显示，图片以什么尺寸位置显示。

3标签总结

b, i, del, u, p, pre, span, div, sup, sub, h1. h2, img

<html>
	<head>
		<!--注释-->
		<meta charset="utf-8" name="哥">
		<title>标题</title>
	</head>
	<body>
		<b>人的一生注定会遇到两个人,</b>   
		<!--加粗,与strong有相同的效果-->
		<i>一个惊艳了时光,</i>      
		<!--斜体，与em有相同效果-->
		<del>一个温柔了岁月。</del>   
		<!--横杠-->
		<u>——张爱玲</u><!--下划线-->    <br><!--换行-->
		<p>一星陨落，黯淡不了星空灿烂；一花凋零，荒芜不了整个春天。</p>
		<!--起一段-->
		——巴尔扎克.
		<pre>
			用心聆听，
			深深呼吸，
			烟花雨，
			梨花月，
			寄一缕风的香魂，
			远离喧嚣。
		</pre>
		<!--自己写的是什么格式，就会呈现什么格式-->
		
		<!--行内标签-->
		<span style="color:green">爱你</span>
		<!--块标签，用来布局-->
		<div>把卡吧卡</div>

		0<sub>2</sub>
		<!--下标-->
		2<sup>10</sup>
		<!--小标-->
		<!--标题-->
		<h1>number</h1>
		<h2>number</h2>
		<h3>number</h3>
		<h4>number</h4>
		<h5>number</h5>
		<h6>number</h6>
		<h0>number</h0>
	</body>


</hthl>

<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<img src="C:\Users\gchoud\Pictures\tu.png" alt="有误" title="玫瑰">
</body>
</html>

4制作网站

<html>
	<head>
		<meta charset="utf-8" name="杨哥哥">
		<title>好哥哥</title>
	</head>
	<body>
		<h1>将进酒 <sub>君不见黄河之水天上来</sub></h1>
		<img src="C:\Users\gchoud\Pictures\web\李白1.png" style="float: left">
		<pre><b>
君不见黄河之水天上来，奔流到海不复回。

君不见高堂明镜悲白发，朝如青丝暮成雪。

人生得意须尽欢，莫使金樽空对月。

天生我材必有用，千金散尽还复来。

烹羊宰牛且为乐，会须一饮三百杯。

岑夫子，丹丘生，将进酒，杯莫停。

与君歌一曲，请君为我倾耳听。

钟鼓馔玉不足贵，但愿长醉不愿醒。

古来圣贤皆寂寞，惟有饮者留其名。

陈王昔时宴平乐，斗酒十千恣欢谑。

主人何为言少钱，径须沽取对君酌。

五花马、千金裘，

呼儿将出换美酒，与尔同销万古愁。
		</b></pre>
	</body>
</html>