《编程基础: HTML第二章》中的这些常见标签你应该认识!『小白必看』

作者|李娜前言

*本文为「Java联盟」原创内容,转载无需授权,请保留署名来源。

上一节我们讲到HTML是什么,一个网页的基本架构是怎么样子。但是往往一个网页有很多标签,分别代表不同的含义,当然如果你不懂的话何谈编辑呢?所以这一节,开始讲到HTML中的那些常见标签。

第二节 HTML 中的常见标签

首先我们先来了解一下HTML标签的类型:

HTML标记标签通常被称为HTML标签(HTML TAG)。

1、单标签与双标签

单标签:单个标签<标记名称>

无属性值: 如:
(表示换行)

有属性值: 如:


(表示水平线的宽占参照物的百分之八十)

双标签:两个标签,成对出现。

无属性值: <标记名称>...

如:...

有属性值: <标记名称 属性="属性值">...

如:...

注意:

标签的属性与属性之间以空格分隔,属性不区分先后顺序,且属性不是必需要写的。

然后我们来了解下标题标签。

2、标题标签

标题标签:

其中“x”是1~6的数字代表字体的大小

如下就是标题标签

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

执行实际效果图如下:

一般一篇文章只会使用一个

标签。

3、font标签

接下来是标签,比如说,这是一个font标签

其中的“ size “是字体的大小属性这里把大小设置为“ 5 ”,“ color ”是 font的颜色属性,可以在editplus中选择。

效果展示:

4、段落,格式标签

标签是一个定义段落标签

p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

功能标记

加粗文本

倾斜文本

加强语气(加粗)文本

加强语气(倾斜)文本

下划线文本

删除线文本

上标文本

下标文本

换行

执行效果图如下:

5、超链接标签

这一节的最后介绍一下超链接标签

a标签:我们有时候跳转页面就是a标签实现的

百度

这样的话我们就可以跳转到百度页面了。

最后给大家看看本节所有的源代码以及执行效果图

源代码

执行效果图

好的这里给大家分享了常见的一些标签想要学习到更多的标签知识的小伙伴要记得关注我们的公众号 我们会持续更新有关于HTML的文章的。

当然有什么问题或者需要李娜我给大家分享讲解的地方,可以在留言区留言告诉我,整理后会在公众号里面分享讲解哦!

有疑问?请留言!关注Java联盟微信公众号,看Java要闻!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,707评论 1 41
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,084评论 19 139
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,397评论 2 21
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,610评论 0 5

友情链接更多精彩内容