li标签的点怎么设置_第二十四天HTML一些常见的标签

先来看标题标签,它总共有<h1> - <h6>

这6中标签。数字越大,它所显示的字体越小。
<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

</body>

c7b9bbaf0158f7aea6036a08894b9e69.png


分割线标签
<hr>

a4559616249bc437aea56bba0c59ba6f.png


段落标签
<html> <body> <p>这是段落。</p> <p>这是段落。</p> <p>这是段落。</p> <p>段落元素由 p 标签定义。</p> </body> </html>

b96f6535373f27a6e0cfa25e3ea74378.png


HTML链接标签是通过标签来定义的。
<a href="http://www.huya.com" target="_blank">跳转到虎牙</a>

24bca644ef7491581143955e1b31a50b.png


通过鼠标点击这几个字,网页会自动跳转到a标签属性href所填的目标地址上去访问。
图像标签


<!--绝对路径-->

<img src="D:风景图片c.jpg" title="图片标题" border="10px",alt="加载异常">

<!--相对路径-->

<img src="d.jpg" alt="加载异常" style="width:100px; heigth:62px;">


src中写的是图片的路径,title是当你鼠标放在图片上时,显示的文字,border是设置图片的边框,alt属性是当图片出现加载异常时,所显示的文字,同时可以在sytle属性中个i图片设置宽度和高度等属性,也可以单独在img标签中写width,heigth等属性。
src有两种写法,一种的相对路径,一种是绝对路径,相对路径就是把图片放在同一级的文件夹种,不用写详细的路径,只需要写出该图片的名字,浏览器就会自动加载出来。而绝对路径是需要把图片在磁盘中的全程路径写在src中。

在来说一些基本的不太常用的标签
<!--下划线-->

<u>北京大学</u><br>

<!--斜体标签-->

<i>北京大学</i><br>

<!--加粗加黑标签-->

<b>北京大学</b><br>

<!--删除标签-->

<del>北京大学</del><br>

<!--上标标签-->

2<sup>3</sup><br>

<!--下标标签-->

log<sub>7</sub><br>

<!--字体变小标签-->

<small>北京大学</small><br>

<!--字体放大-->

<big>北京大学</big><br>

<font color="red" size="25px" face="隶书">北京大学</font><br>

<span style="size:25px; color: yellow; ">北京大学</span><br>

<!--换行标签--> <br>

810b51e3ecc35378b27be492f4060259.png


html中常见的列表标签
<!--有序列表-->

<ol>

<li>javase</li>

<li>javaee</li>

<li>javame</li>

<li>database</li>

</ol>

<!--无序列表-->

<ul type="square">

<li>javase</li>

<li>javaee</li>

<li>javame</li>

<li>database</li>

</ul>

<!--自定义列表-->

<dl>

<dt>javase</dt>

<dd>collecdtion</dd>

<dd>thread</dd>

<dd>array</dd>

<dt>javaee</dt>

<dd>collecdtion</dd>

<dd>thread</dd>

<dd>array</dd>

<dt>javame</dt>

</dl>

efa9cd50425b60707cea1a743c6f0699.png


src有两种写法,一种的相对路径,一种是绝对路径,相对路径就是把图片放在同一级的文件夹种,不用写详细的路径,只需要写出该图片的名字,浏览器就会自动加载出来。而绝对路径是需要把图片在磁盘中的全程路径写在src中。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值