Java-HTML

1 篇文章 0 订阅

什么是html

超文本标记语言。

超文本:比普通文本功能更加强大

标记语言:使用一组标签对内容进行描述的一门语言,他不是编程语言!


为什么要学习html?


html怎么使用?

语法和规范:

  1. 所有html文件后缀名都是以.html或者.htm结尾,建议使用.html结尾
  2. 整个html文件分别由头部分《head></head>和体部分<body></body>组成
  3. html标签都是有开始标签和结束标签组成<br/>
  4. html标签忽略大小写的,建议大家使用小写

HTML相关标签学习

标题标签

  • 标题标签使用<hn></hn>,n从1到6逐渐变小
  • 注释:<!--撒断开连接>
水平线标签
  • 添加水平线<hr />  size()、

段落标签

  • <p></p>

字体标签

  • <font></font>
  • <font color="red" size="(1-7)" face="">学习html</font>
  • 、、、颜色、、、大小、、、、字体、、
  • 必须结合其属性才能具备一定的样式效果。
  • 设置颜色(可以是英文也可以是十六进制)
  • 设置字体:face(那些字体必须是你本机已经有的)
  • 设置大小:size(1-7。超过七按七来显示)

加粗标签

  • <b></b>

斜体

  • <i></i>

网站图片信息显示页面

图片标签

<img src="s " width="150px" height="30px" alt=""/>

src:图片名路径名

  • 绝对路径:带有盘符
  • 相对路径
  1. 如果是同级,直接写文件名称或./文件名称
  2. 如果是上一级:../文件名称(如果是多层,那么多写几个../)
  3. 如果是下一级:写目录名称/文件名称

width:宽度

height:高度

alt:当图片无法正常显示给出提示信息。

../当前这个文件的上一级

../img/login.

png

  表格标签<table ></table>

网站友情链接

列表标签

有序列表:<ol>

  • 属性type有5个取值,start起始位置,reverse倒序

无序列表:<ul>

  • 属性:type有3个取值(小圆圈、小方块)

超链接标签

  • <a href="#" target="">点我</a>
  • #代表页面不发生跳转

网站显示信息

表格标签

<table>
    <tr>
        <td></td>
    </tr>
</table>

属性:

  • 边框:border
  • 宽度:width
  • 高度:height
  • 背景颜色:bgcolor
  • 边框与边框的间隔:cellspacing
  • 边框与内容的间隔:cellpadding
  • 居中显示:align

网站后台管理系统

框架集结构标签

<frameset><!--将页面进行划分-->

</frameset>

属性

  • cols:进行垂直切割划分,可以切割为任意的块
  • rows:水平切割,(参数的值相加=100%,其中一块可以用*表示)
  • 一旦划分区域之后,我们需要对具体的区域内容的填充,此时需要使用<frame></frame>标签

属性

  • Src:指定该区域显示的文件(路径)
  • name:它通常会结合超链接的target
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值