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逐渐变小,独占一行加粗加黑显示,与其他行有一定的行间距

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

水平线标签


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

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

段落标签

字体标签

换行标签

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

其中有些属性:

size:指定内容的大小

color:指定内容的颜色

face:指定内容的字体

加粗:

斜体:

下划线:

adee3447c137c2a56e13f3d3b6d7a525.png

图片标签

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

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

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

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

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

路径分为两种:

绝对路径:

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

类似~C:Program FilesImg.jpg

相对路径:

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

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

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

列表标签

有序列表:

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

start:从哪里开始计数

reversed:表示颠倒顺序

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

无序列表:

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

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

超链接标签

href:指定跳转的位置

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

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

表格标签

border:边框的宽度

width:表格的宽

height:表格的高

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

bgcolor:背景色

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

cellpadding:边框与边框间的距离

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

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

跨行跨列操作

跨行:rowspan

跨列:colspan

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

今天先说这么多了

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

译者:Java联盟

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

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

责任编辑:

你可能感兴趣的:(html页面中加粗标签有几种,有什么区别)