php入门之html常用标签
来源:互联网 发布:网络女主播都是穷人 编辑:程序博客网 时间:2024/06/05 23:40
一、文件版面编辑器
1.格式标签
格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等
<br> 换行
<p> 段落
<center> 居中
<pre> 保留文字在源代码中的格式
<ul><li> 无序列表
<ol><li> 有序的列表
<hr> 水平分隔线
2.文本标签
在网页中,为了着意强调某一部分文字,或者为了让文字有所变化
<hn> 标题,共6中标题,即<h1>、<h2>、<h3>......
<b> 粗体
<i> 斜体
<u> 下划线
<sub> 下标
<sup> 上标
<s> 划掉线
<font> 字体
<tt> 输出打印机文字
<cite> 输出引证、举例的斜体字
<em> 输出强调的斜体字
<strong> 输出强调的粗体字
<small> 输出小型字体
<big> 输出大型的字体
二、超链接标签
<a href=“URL”>某某页面</a> 例如:<a href="http://www.baidu.com" target="_blank">百度</a><br>
Target属性:
Target属性:
_self :新窗口打开被链接文档。
_blank:默认值,在当前页面打开,多数与文档标题 <base> 标签中的 target 属性一起使。
_parent:在父框架集中打开被链接文档。
_top :在整个窗口中打开被链接文档。
三、锚点的应用
<a href=“URL”>某某页面</a> : 超连接
<a name=“name”>内容</a> :锚点
使用时<a href=“#name”>定位位置</a>
<a name=“name”>内容</a> :锚点
使用时<a href=“#name”>定位位置</a>
锚的名称可以是任何你喜欢的名字。
可以使用 id 属性来替代 name 属性,命名锚同样有效。
可以使用 id 属性来替代 name 属性,命名锚同样有效。
四、图像标签
<img>
src: 指定图片所在的URL
border=边框的宽度
Alt: 在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息
width
height
src: 指定图片所在的URL
border=边框的宽度
Alt: 在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息
width
height
五、图像地图
把一幅图像分成多个区域,每个区域指向不同的URL地址(为一个图片加多个链接)
在图像<img>中使用usemap属性去使用地图
<map>定义热点区域
<area>指定每个热点区域
Shape指定形状 rect, poly, circle
Coords确定形状
href指定链接的位置
<map>定义热点区域
<area>指定每个热点区域
Shape指定形状 rect, poly, circle
Coords确定形状
href指定链接的位置
<html>
<head>
<title>建立图像标签</title>
</head>
<body>
<!--设置锚点超链接-->
<a href="#one">第一段</a><br>
<a href="#two">第二段</a><br>
<a href="#three">第三段</a><br>
<!--设置锚点-->
<a name="one">11111</a>
<a name="two">22222</a>
<a name="three">3333</a>
<!--通过标签<a>和<img>设置图像超链接-->
<a href="http://localhost/cms/index.php"><img src="logo.gif" border=0 width=50% alt="xsphp_logo" /></a><br><br>
<!--图像映射-->
<img src="logo.gif" usemap="#mymap" border=0 />
<map name="mymap">
<head>
<title>建立图像标签</title>
</head>
<body>
<!--设置锚点超链接-->
<a href="#one">第一段</a><br>
<a href="#two">第二段</a><br>
<a href="#three">第三段</a><br>
<!--设置锚点-->
<a name="one">11111</a>
<a name="two">22222</a>
<a name="three">3333</a>
<!--通过标签<a>和<img>设置图像超链接-->
<a href="http://localhost/cms/index.php"><img src="logo.gif" border=0 width=50% alt="xsphp_logo" /></a><br><br>
<!--图像映射-->
<img src="logo.gif" usemap="#mymap" border=0 />
<map name="mymap">
<area shape="rect" coords="5, 5, 50, 70" href="http://www.php.net" target="_blank">
<area shape="circle" coords="75, 35,30" href="http://www.apache.org" target="_blank">
<area shape="poly" coords="175,0,110,70,180,70" href="http://www.linux.com" target="_blank">
</map>
</body>
</html>
<area shape="circle" coords="75, 35,30" href="http://www.apache.org" target="_blank">
<area shape="poly" coords="175,0,110,70,180,70" href="http://www.linux.com" target="_blank">
</map>
</body>
</html>
阅读全文
0 0
- php入门之html常用标签
- PHP入门之编写html页面的常用标签
- PHP编程之HTML(常用标签)
- PHP之HTML标签
- HTML之常用标签整理
- HTML常用标签之格式标签
- HTML常用标签之文本标签
- HTML常用标签之超链接标签
- HTML常用标签之锚点标签
- HTML常用标签之图像标签
- HTML常用标签之"地图"标签
- HTML学习之HTML常用标签(一)
- HTML 教程之常用html标签
- HTML基础之HTML常用标签
- HTML入门(文件格式和常用标签)
- JAVA-23-HTML入门、常用标签讲解
- HTML标签常用标签
- HTML基础入门之标签解析
- Java实现文件批量导入导出实例(兼容xls,xlsx)
- 聚集索引和非聚集索引
- django学习--templates模板
- pointer_10
- 我的Git学习笔记(二) git分支理解
- php入门之html常用标签
- hdu 1234 开门人和关门人(java版本)
- 基于域的分解机(FFM)理论介绍及libFFM源码解析
- <知识点>安卓Activity生命周期
- vb.net 教程 5-16 图像处理之ImageAttributes 类2 颜色矩阵3
- Intellij IDEA 配置使用github时的问题
- web项目技术选型
- 如何新建stm32寄存器工程
- opencv中使用opengl