天涯论坛

 找回密码
 立即注册
搜索
查看: 69|回复: 4

HTML入门:HTML常用标签

[复制链接]

2993

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109206
发表于 2024-6-30 01:08:45 | 显示全部楼层 |阅读模式

什么是HTML?

HTML是超文本标记语言的缩写(HyperText Markup Language),功效是利用HTML标记,告诉浏览器被标记的内容要怎样摆放及内容的含义,如:<p>这是个段落元素</p>,这儿,被标记的内容是“这是个段落元素”这句话,而<p></p>则是HTML的标记;当浏览器读取到这个标记时,就会晓得这儿的内容是一个段落文本,而后用相应的格式表示

HTML的语法规则:

要让页面正确的表示,就必要运用正确的HTML语法和HTML元素,如:针对标题应该运用<h1>、<h2>、<h3>...等标题元素,而针对一整段的文字内容则应该运用<p>元素一个规范的页面代码有利于守护和阅读,要想晓得自己的HTML代码是不是规范,能够运用w3school的HTML验证工具检测而后按照检测结果进行调节,直至经过验证为止。

用一个实质的例子来总结以上的内容:

左边是源代码,右边是运行结果

页面经过w3school验证工具的验证。

HTML常用标签

1.

段落标签

:用来定义网页中的一段文本,段落与段落之间换行。

属性:align ;定义段落中的文本水平方向的对齐方式。

属性值:left(左对齐)、right(右对齐)、center(居中对齐)

2.<br/> :换行标签,指行与行之间换行,他是一个单标签。

两者的区别:
<br/>:是单标签,小行换行提行; <p></p> :是双标签,大行换行分段;

3.

---::表率一级标题,级别高,字体 最大,其他依次递减。:级别最小,字体最小

属性:align ;定义标题中的文本水平方向的对齐方式。

属性值:left(左对齐)、right(右对齐)、center(居中对齐)

4.<blockquote>文字段落缩进</blockquote>:在标签中包括块级标签,而不是纯文本。

<blockquote> <p>自动缩进p标签内的文本</p> </blockquote>

5.创立序列表

<ul type="circle"> <li>列表项</li> <li>列表项</li> </ul>

属性:type ;定义列表项的符号。

属性值:circle(空心圆)、disc(实心圆)、square(实心方块)

6.创立有序列表

<ol type="a"> <li>列表项</li> <li>列表项</li> </ol>

属性:type ;定义列表项的符





上一篇:认识HTML,什么是HTML?
下一篇:零基本入门JavaWeb——HTML相关知识
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-30 22:04:12 | 显示全部楼层
楼主的文章深得我心,表示由衷的感谢!
回复

使用道具 举报

5

主题

742

回帖

4

积分

新手上路

Rank: 1

积分
4
发表于 2024-8-31 16:58:05 | 显示全部楼层
在遇到你之前,我对人世间是否有真正的圣人是怀疑的。
回复

使用道具 举报

0

主题

992

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-10 12:41:52 | 显示全部楼层
可以发布外链的网站 http://www.fok120.com/
回复

使用道具 举报

3069

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138952
发表于 2024-10-4 18:56:17 | 显示全部楼层
你的见解真是独到,让我受益匪浅。
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 16:58 , Processed in 0.133451 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.