Web第一课，课后总结

南孚程序员

于 2022-10-27 17:15:50 发布

阅读量244

点赞数 1

分类专栏： web 文章标签：前端 html

本文链接：https://blog.csdn.net/m0_56423338/article/details/127556526

版权

web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

用html代码表示将进酒页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>将进酒</title>
	</head>
	<body>
		<div>
		<pre><b style="font-size:50px;">将进酒</b><b style="font-size:40px;">君不见黄河之水天上来</b></pre>
		</div>
		<p style="font-size: 20px">
		<img src="C:\Users\Howe\Desktop\poet.png" style="float: left;height: 350px;width: 250px;">
			君不见黄河之水天上来，奔流到海不复回。<br>
			君不见高堂明镜悲白发，朝如青丝暮成雪。<br>
			人生得意须尽欢，莫使金樽空对月。<br>
			天生我材必有用，千金散尽还复来。<br>
			烹羊宰牛且为乐，会须一饮三百杯。<br>
			岑夫子，丹丘生，将进酒，杯莫停。<br>
			与君歌一曲，请君为我侧耳听。<br>
			钟鼓馔玉不足贵，但愿长酔不复醒。<br>
			古来圣贤皆寂寞，惟有饮者留其名。<br>
			陈王昔时宴平乐，斗酒十千恣欢谑。<br>
			主人何为言少钱，径须沽取对君酌。<br>
			五花马，千金裘，<br>
			呼儿将出换美酒，与尔同销万古愁。<br>
		</p>
	</body>
</html>

课后总结

HTML

什么是html？

html:超文本标签语言

他是一个描述性文本，可以描述文字表格声音

HTML分两部分：

头部head：它提供的浏览器所需要的信息

主题部分body：它提供网页的主要内容

HTML优点

简单灵活
可扩展性高
平台无关性

环境配置和浏览器说明

环境配置

运行环境：有一台有浏览器的pc即可
开发环境：上课使用hbuilder

浏览器

什么是浏览器？

一个用来渲染和呈现网页的软件。

HTML的语法结构

标签大多数成对出现，有开始标签，有结束标签除外。
标签可以有属性，有属性必有值。
开始和结束标签之间的部分内容被称之为区域。
标签不区分大小写

网页的分类

静态页面：在不修改源代码的前提下，无论何时何地你去访问这个网页都会得到相同的结果。通常未见后缀为html htm

动态交互式页面：用户通过提交数据给网站，网站根据用户提交的数据进行反馈。通常文件后缀名为 jsp aspx asp php

第一个HTML程序

<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<div id="top" style="height: 100px;border: 1px solid red ;">这是描述顶部区域的块标签</div>
	<div id="content" style="height:300px;border:1px solid green;">这是显示内容部分</div>
	<div id="bottom" style="height:100px; border: 1px solid black;">这是一个描述底部区域的div</div>

	<img src=" .jpg" alt="" width="100" height="200">
	<img src="/Users/musicbear/10.22web/.jpg">
</body>
</html>