来认识一下HTML中的标签~

那么现在咱们

就进入JavaE部分了~


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

HTML

什么是HTML?

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


HTML的语法和规范

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

2)HTML文件分为头部分(<head></head>)和体部分(<body></body>)

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

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

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


HTML相关标签学习

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


标题标签<hn > </hn> 

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

640?wx_fmt=jpeg


水平线标签 <hr />

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

640?wx_fmt=jpeg


段落标签<p></p>

字体标签<font></font>

换行标签<br/>

640?wx_fmt=png

其中有些属性:

size:指定内容的大小

color:指定内容的颜色

face:指定内容的字体


加粗:<b></b>

斜体:<i></i>

下划线:<u></u>

640?wx_fmt=png


图片标签

<img />

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

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

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

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

640?wx_fmt=jpeg


路径分为两种:

绝对路径:

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

类似~C:\Program Files\Img\1.jpg

相对路径:

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

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

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


列表标签

有序列表:

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

start: 从哪里开始计数

reversed: 表示颠倒顺序

640?wx_fmt=png


无序列表:

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

640?wx_fmt=png


超链接标签

<a href="" target=""></a>

href:指定跳转的位置

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

640?wx_fmt=png


表格标签

border:边框的宽度 

width:表格的宽 

height:表格的高 

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

bgcolor:背景色

640?wx_fmt=jpeg


cellpadding:边框与边框间的距离 

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

640?wx_fmt=jpeg


跨行跨列操作

跨行:rowspan

跨列:colspan

640?wx_fmt=jpeg


今天先说这么多了

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

拜拜~


640?wx_fmt=jpeg

我是萌新娜娜

立志做一个不翻车的老司机

学习Java的路上请多多指教


扩展阅读

JavaSE的最后一章!咱们来聊聊枚举哈~

Java面试题36.HTML

Javascript 将 HTML 页面生成 PDF 并下载


来源:Java联盟

版权声明:文章来源网络,版权归作者本人所有,如侵犯到原作者权益,请与我们联系删除或授权事宜

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值