html页面中加粗标签有几种 有什么区别,来认识一下HTML中的标签~

原标题:来认识一下HTML中的标签~

那么现在咱们

就进入JavaE部分了~

HTML、CSS和JS又被称为“前端三剑客”~虽然Java主要是做后台服务端开发的,但是毕竟是要和前端合作,的多少要了解一下~~总之技多不压身~多学一点东西总归是好的~嗯~咱们开始今天的内容吧~

HTML

什么是HTML?

HTML 全称是 Hyper Text Markup Language:超文本标记语言。超文本意味着功能比普通文本更加强大。标记语言则是:使用一组标签对内容进行描述的一门语言(注意:它不是编程语言)

HTML的语法和规范

1)HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。

2)HTML文件分为头部分(

)和体部分()

3)HTML标签一般是由开始标签和结束标签组成。

(大部分是成对存在的,有个别标签是单着的~)

4)HTML标签不区分大小写,建议使用小写。

HTML相关标签学习

接下来就是重头戏了,来一起看看HTML标签都有什么~

标题标签

n的取值从1到6逐渐变小,独占一行加粗加黑显示,与其他行有一定的行间距

42b9b46453cb808113cbb5387523e145.png

水平线标签


里面有一些属性象颜色(color)、大小(size)等等就不详细介绍了,伙伴们自己去摸索一下哈~

2f7f12d74a7cee6eefd8dda0528f7f4e.png

段落标签

字体标签

换行标签

2341b0f0532644942d541a0c4e2b3514.png

其中有些属性:

size:指定内容的大小

color:指定内容的颜色

face:指定内容的字体

加粗:

斜体:

下划线:

adee3447c137c2a56e13f3d3b6d7a525.png

图片标签

src:指的是图片显示的路径(位置)

width:指定图片的宽度,取值可以是像素值,也可以是百分比

height:指定图片的高度,取值可以是像素值,也可以是百分比

alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

cd64746191a57fb1b90ac898466ec447.png

路径分为两种:

绝对路径:

从盘符开始的到图片位置的完整描述:

类似~C:Program FilesImg.jpg

相对路径:

①同一级:直接写文件名称或者./文件名称

②上一级:../文件名称

③下一级:写上目录名称/文件名称

列表标签

有序列表:

type:可以选择数字、字母及阿拉伯数字作为前面的序号,

start:从哪里开始计数

reversed:表示颠倒顺序

da8b5edc8d534aa12368d33a41094651.png

无序列表:

type:可以选择前面的样式实心圆、空心圆和方块

7a0210a39f90df0f11a3e3cda507d1da.png

超链接标签

href:指定跳转的位置

target:指定跳转页面显示的位置(取值:_self 、_blank)

1142f4b3e51e3d0dcb6db8419e8bcca4.png

表格标签

border:边框的宽度

width:表格的宽

height:表格的高

align:元素的位置 居中、上、下、左、右

bgcolor:背景色

3244a4102c0b101de45da38f1d7d5b86.png

cellpadding:边框与边框间的距离

cellspacing:表格内容到边框的距离

80c8e4436f889a461f187d734e04068b.png

跨行跨列操作

跨行:rowspan

跨列:colspan

d132082c983414af6e299f40a148a7e3.png

今天先说这么多了

剩下的小伙伴们自己摸索吧~

译者:Java联盟

https://mp.weixin.qq.com/s/gMdKOrpJn-LpRiAKGrtreg

程序员共读整理发布,转载请联系作者获得授权

责任编辑:

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值