Web前端（一）

最新推荐文章于 2024-06-02 21:27:33 发布

xiao_q1

最新推荐文章于 2024-06-02 21:27:33 发布

阅读量140

点赞数

分类专栏：作业文章标签：前端 javascript webpack

本文链接：https://blog.csdn.net/xiao_q1/article/details/127578729

版权

作业专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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

多种技术：HTML，css，JavaScript，jQuery：write less do more，BT（bootstrap）
更高端技术：angurlayJS，Vue，react，webpack，nodejs...

HTML
全称：Hyper Text Mark-up Language超文本标签语言。

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

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

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

HTML结构由头部（head）和主体（body）构成
头部描述了浏览器所需的信息
主体包含要说明的具体内容
需要说明的是HTML语言不是一种编程语言而是一种描述性语言，用于描述超文本内容的显示方式。比如，文字以什么颜色大小显示，图片以什么尺寸位置显示。

<p align ="center">标签内容</p>
<p align ="center">表示标签开始
</p>表示标签结束
align表示属性名
center表示属性值

html标签

html标签表示网页的开始，应该把它放在最外层，其他所有的标签出去文件头声明都该放在html标签内。

head标签

表示头部标签，通常放title、meta、style等标签。从这些名字就能看出来，head标签的作用是用来定义页面属性。

body标签

表示主体标签，网页上所有要显示的内容都放在这个标签内。

meta标签

meta标签下载head标签内，meta提供了网页的信息，包括作者、关键字、网页编码、自动刷新等信息。

常用标签：

strong/b标签
加粗效果，strong有强调语气的意味，但对我们程序员来说显示效果一致的话，选简单的。主要使用b标签表加粗
em/i标签
em、i标签都是加斜文本的标签，现在我们一般使用i标签加斜问题，em标签有存在强调的意思
u和del标签
u表示下划线，del的表示删除线。
br标签表示换行，hr标签表示分割线
p标签表示段落
sub表示文字下标；sup表示文字的上标 ；pre标签原样输出文本内容；span是一个标准行内输出，一般用来装饰包裹的文本内容，常见于装饰文本。
hn标签中的n指的是标题1-6对应了不同级别的6个级别，主要用来装饰标题。
div标签是一个标准的块标签，主要用来布局。
多媒体标签
img标签
目前在网页中使用的图片主要有 GIF、JPG、PNG、BMP 格式，但以 GIF、PNG 和 JPG 使用居多。

课后练习作业：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一次作业</title>
</head>
<body>
    <div><h1 style="display: inline;">将进酒</h1>&nbsp;&nbsp;
    <h2 style="display: inline;">君不见黄河之水天上来</h2></div>
    <img src="./img/李白.png" style="float: left;">
    <p>君不见黄河之水天上来，奔流到海不复回。</p>
    <p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p>
    <p>人生得意须尽欢，莫使金樽空对月。</p>
    <p>天生我材必有用，千金散尽还复来。</p>
    <p>烹羊宰牛且为乐，会须一饮三百杯。</p>
    <p>岑夫子，丹丘生，将进酒，杯莫停。</p>
    <p>与君歌一曲，请君为我倾耳听。</p>
    <p>钟鼓馔玉不足贵，但愿长醉不复醒。</p>
    <p>古来圣贤皆寂寞，惟有饮者留其名。</p>
    <p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
    <p>主人何为言少钱，径须沽取对君酌。</p>
    <p>五花马、千金裘，</p>
    <p>呼儿将出换美酒，与尔同销万古愁。</p>

</body>
</html>

xiao_q1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端（一）

HTML文本是由HTML标签构成的描述性文本，HTML文本可以表述文字表格声音图形动画链接等。HTML是WEB编程的基础，HTML之所以被称为超文本标签语言，是文本包含了所谓的“超级链接”和媒体文件。meta标签下载head标签内，meta提供了网页的信息，包括作者、关键字、网页编码、自动刷新等信息。html标签表示网页的开始，应该把它放在最外层，其他所有的标签出去文件头声明都该放在html标签内。表示主体标签，网页上所有要显示的内容都放在这个标签内。头部描述了浏览器所需的信息。
复制链接

扫一扫