HTML

来源:互联网 发布:iss端口和wamp端口 编辑:程序博客网 时间:2024/05/22 14:18

常用标签

换行  <br/>    

水平线 <hr/>

段落 <p>段落标签</p>

标题 <h1>标题标签</h1>

文本 <font>文本标签</font>

加粗 <strong>加粗标签</strong><b>加粗标签</b>  

倾斜 <em>倾斜标签</em><i>倾斜标签</i>

删除 <del>删除标签</del><s>删除标签</s>

下划线 <ins>下划线标签</ins> <u>下划线标签</u>

上标 <sup></sup>

下表 <sub></sub>

图片 <img src="" alt="" title="" width="" height="">

src:图片来源

alt:图片不显示的时候显示的文本

title:鼠标放到图片上显示的文本

width、height:图片宽高

图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度,图片等比例缩放


特殊字符

结果描述实体名称实体编号"quotation mark&quot;&#34;'apostrophe &apos;&#39;&ampersand&amp;&#38;<less-than&lt;&#60;>greater-than&gt;&#62;


相对路径&绝对路径

相对路径是相对于当前文件自身出发
在同一目录下:直接写文件名
在下级目录下:文件夹/文件名
在上级目录下:../文件名../../文件名

绝对路径是相对于电脑而言的文件路径

超链接

超链接

<a href="" title="" target="">超链接</a>
href:跳转的页面路径
title:鼠标放到连接上显示的文字
target:网页打开的方式  
target="_self"  默认值,在自身页面打开
target="_blank"打开一个新的页面

锚链接

例:网页返回顶部
1.先定义一个锚点即给标签一个id="abc"
2.超链接到锚点  <a href="#abc">回到顶部</a>

空链

不知道链接到那个页面的时候用空链<a href="#">空链</a>

压缩文件下载

直接链接到压缩文件即可<a href="a/b/abc.rar">压缩包</a>

超链接优化

让所有的超链接都在新窗口打开:在网页<head>标签里添加<base target="_blank">

列表

无序列表

<ul type="circle">
<li></li>
<li></li>
<li></li>
</ul>
type="square"  小方块
type="disc"实心小圆圈
type="circle"空心小圆圈

有序列表

<ol type="1" start="3">
<li></li>
<li></li>
<li></li>
</ol>
type="1,a,A,i,I"
start:决定从第几个开始

自定义列表 

<dl>
<dt>标题</dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>

音乐标签

<embed src="m.mp3" hidden="true">
hidden:是否隐藏播放器

滚动标签

<marquee>...</marquee>中间内容可以为文字、图片
width、height:设置宽高
bgcolor:设置背景颜色
behaviro:设定滚动的方式
alternate:表示在两端之间来回滚动
scroll:由一端滚动到另一端,重复
slide:由一端滚动到另一端,不重复
direction:设置滚动方向
up:向上滚动
down:向下滚动
left:向左滚动
right:向右滚动
loop:设置滚动次数   -1表示一直滚动











原创粉丝点击