外链论坛

 找回密码
 立即注册
搜索
查看: 88|回复: 2

HTML零基本入门教程, 零基本学习HTML网页制作(HTML 标签)

[复制链接]

3061

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138982
发表于 2024-6-29 11:04:39 | 显示全部楼层 |阅读模式

颜值即正义!HTML 标签怎样让网页更好看?

hi~大众好!本咱们来学习 HTML 的常用标签。

相信学习本文的学员已然熟悉书写一个完整的 HTML 骨架了(PS:还未把握该项技能的萌新,可移步 HTML 基本部分其他文 get 必须技能),但光有骨架的网页只是完成为了框架构建,还不足饱满必须去添加“血肉”,即给网页添加详细的内容,如:文字、图像等。

怎样给网页添加内容呢?

这就必须除 HTML 骨架标签之外其他标签的辅助, 即本门文中讲解的 HTML 常用标签。

那样,HTML 常用标签能实现那些效果呢?

其类似于咱们都接触过的 Word 文档的排版,便是说,在网页中实现对文档标题、文案段落、文字格式等部分的设置,插进照片等内容,最后实现文档整体布局的调节

因此呢,本节课重点学习下列标签:

(1)标题标签:顾名思义便是设置文案标题;

(2)段落标签与换行标签:对文案分段,文案换行;

(3)文本格式化标签:为了导致用户重视,对文案重要词语进行加粗、斜体设置;

(4)图像标签:向网页中插进照片

(5)<div>标签与<span>标签:网页研发运用频率最高的标签,类似于盒子,用于装内容;重点用于实现网页布局。

为了便于大众理解与记忆,文将在知识点讲解过程中辅以恰当的案例进行演示,咱们相信学完本门文,你将会有如下收获:

(1)理解标签语义化的含义

(2)运用标题标签设置文案标题;

(3)运用段落标签与换行标签为文案设置段落,并实现换行;

(4)运用文本格式化标签设置文字格式;

(5)运用图像标签为网页插进照片

(6)理解<div>标签与<span>标签的含义与功效

好了,就让咱们起始本文的学习吧!

第1关 标签语义

标签语义

相信这里之前你已然把握了 HTML 的骨架标签,这些标签并不难,然则在本文以及后续文中咱们还会学习海量的标签。你可能会有担忧,这么多的标签能把握吗?

不要担心,其实学习标签时是有技巧的!这个诀窍便是:标签语义!

标签语义,简单的理解便是指标签的含义,即这个标签是用来干什么的。例如:某个标签是用来让文字换行还是划分段落。

按照标签的语义,在合适的地区添加一个最为恰当的标签,就可让页面的结构更加的清晰。

图1为未添加标签的网页,图2为已添加标签的网页,如下图所示:





上一篇:怎么样制作网页-初学者入门HTML+CSS
下一篇:怎么样用HTML写一个网页
回复

使用道具 举报

3132

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968646
发表于 5 天前 | 显示全部楼层
楼主听话,多发外链好处多,快到碗里来!外链论坛 http://www.fok120.com/
回复

使用道具 举报

3132

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968646
发表于 前天 08:06 | 显示全部楼层
楼主听话,多发外链好处多,快到碗里来!外链论坛 http://www.fok120.com/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 18:49 , Processed in 0.110261 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.