web基础练习

困惑的Z同学

已于 2022-10-31 19:58:25 修改

阅读量161

点赞数

分类专栏：笔记文章标签： 1024程序员节

于 2022-10-24 14:09:53 首次发布

本文链接：https://blog.csdn.net/a505964648/article/details/127491610

版权

笔记专栏收录该内容

38 篇文章 3 订阅

订阅专栏

用html5代码表示出下图样式
在这里插入图片描述

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

什么是web前端：

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

那这里的所谓的多种开发技术就是我们本次课程要学习的东西，其中包含：

HTML
CSS
JavaScript
jQuery
BT（Bootstrap）

更高端的前端技术：

Angular

AngularJS

VUE

React

webpack

nodejs

什么是HTML：

html：hyper text markup language 超文本标签语言这里的标签也可以称为标记或者元素。
它是目前网络上运用最广泛的技术之一，也是网页呈现主要基石。
他是一个描述性文本，它可以描述文字、表格、声音、视频、动画、链接等。

HTML分两部分：
头部head：他提供的浏览器所需要的信息
主体部分body：他提供网页主要内容

HTML的历史：
诞生于90年由Tim Berners Lee
IETF组织在他的基础之上推出了HTML2.0

常用标签如下：

加粗标签:

<b>...</b>

<strong>...</strong>

斜体标签：

<i>...</i>

<em>...</em>

下划线标签：

<u>...</u>

删除线标签：

<del>...</del>

换行标签：

<br>

分割线标签：

<hr>

分段标签：

<p>...</p>

格式化输出：

<pre>...</pre>

上标标签：

<sub>...</sub>

下标标签：

<sup>...</sup>

标准行内输出：

<span>...</span>

标准布局标签：

<div>...</div>

多媒体标签：

<img src="路径">

img标签用来引入图片到页面中 src是一个必须的属性，该属性表示图片的地址

困惑的Z同学

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web基础练习

html：hyper text markup language 超文本标签语言这里的标签也可以称为标记或者元素。Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分。img标签用来引入图片到页面中 src是一个必须的属性，该属性表示图片的地址。他是一个描述性文本，它可以描述文字、表格、声音、视频、动画、链接等。它是目前网络上运用最广泛的技术之一，也是网页呈现主要基石。头部head：他提供的浏览器所需要的信息。主体部分body：他提供网页主要内容。用html5代码表示出下图样式。
复制链接

扫一扫