html标签分类以及常用标签

WEB初级编程人员必须掌握的html标签分类以及常用标签

1、 内容简介:

·文本版面的编辑(格式标签、文本标签)

·超链接和锚点

·图像和图像地图

2、 格式标签:

用于定义网页中文本的布局、缩进、位置、换行、列表等。

常用格式标签:

<p></p>

<center></center>

<pre></pre>

<ul></ul><li></li> <ol></ol>

<hr>

<br>

注意:因为css样式可以代替htm中标签的功能,所以html中的标签只需要记住常见的即可,大部分时间都是通过CSS来控制的。

3、 文本标签:

正网页中,为了着意强调某一部分文字,或者为了让文字有所变化。

常用文本标签:

<h1></h1>单个网页只使用一次

<b></b>

<i></i>

<u></u>

<sub></sub>

<sup></sup>

<font></font>

<em></em>输出强调的斜体字

<strong></strong>

<small></small>

<big></big>

<tt></tt>输出打印机文字

<cite></cite>输出引证、举例斜体字

……

4、 超链接标签:

<a href=”URL ”>页面</a>

·相对URL

当前目录下的其他资源地址

·绝对URL

根目录开始的资源的完整地址

5、 锚点标签:

<a name=”name”>内容</a>

例子:

<a href=”#one”>one</a>

<a href=”#two”>two</a>

<a href=”#three”>three</a>

<a name=”one”>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

</a>

<a name=”two”>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

</a>

<a name=”three”>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

</a>

<a href=”#”></a>

6、 图像标签:

<img />

属性:

Src:指定图片所在的URL;

Border:边框宽度;

Alt:图片描述;

Width:图片宽度   图片只给宽度,那么图片高度等比例缩放、放大等

Height:图片高度

7、 图像地图标签:

把一幅图片分成多个区域,每个区域指向不同的URL,即为一个图片加多个链接。

<img src=””usemap=”#mymap” border=0 />

<map name=”mymap”>

<area shape=”rect” cords=”,,,” href=””>    矩形

<area shap=”circle” cords=”,,” href=””>    园

<araa shap=”poly” cords=”” href=””>      多边形

</map>

注:shape指定形状,cords确定形状,href指定链接的位置

html标签分类以及常用标签

时间: 2024-10-12 21:50:25

html标签分类以及常用标签的相关文章

HEAD标签中的常用标签

目录 知识点 知识点详解 0x01 HTML的主体结构 0x02 HEAD标签中的常用标签 知识点 HTML的主体结构 HEAD标签中的常用标签 知识点详解 0x01 HTML的主体结构 HTML的主体结构分为两大部分:最顶部声明和HTML标签.其中,HTML标签又包含HEAD与BODY两个标签. <!DOCTYPE html> <!-- //最顶部声明,告诉浏览器所使用的HTML规范 --> <html> <!--//html标签开始--> <hea

网页中head标签中的常用标签总结

常见的<head></head>之间的标签为:meta , title , link , style ,script. 1.meta 标签----name <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 1.1 Keywords #关键词 <meta name="Keywords" content=""/> 1.2 Description #描述

javaweb中的标签的核心标签库的常用标签

//标签的使用使得页面的代码更加简洁,jsp脚本的尽可能少的使用,所以熟练掌握标签对于开发是很有必要的 <%--set设置数据,默认在page域 --%> <c:set var="name" value="tom" scope="request"></c:set> <%--out标签 从域中获取数据 --%> <c:out value="${name }" default=

Struts2常用标签(转载)--【SSH】

出处:Struts2常用标签总结 Struts2常用标签总结 一 介绍 1.Struts2的作用 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件,这完全能满足项目中页面显示复杂,多变的需求. Struts2的标签库有一个巨大的改进之处,struts2标签库的标签不依赖于任何表现层技术,也就是说strtus2提供了大部分标签,可以在各种表现技术中使用.包括最常

HTML常用标签整理

HTML常用标签整理 HTML常用标签整理 HTML转义字符 HTML中注释 元素类型 文本样式相关标签 分区元素 在页面中显示图片 web开发用到的图片格式 像素 链接元素 表格元素 列表元素 表单元素 form的作用 表单使用 富文本输入框可选的第三方工具 表单实现上传图片或者文件 表单实现编号 为控件分组 wireshark抓包工具 按钮元素 iframe标签 details和summary集合的效果 最后几个 参考资料 HTML转义字符 常用转义字符: < < > > 空格

Python 44 前端概述 、三剑客 、常用标签与分类

一:前端概述 前端指的就是页面的设计和给用户带来极高的用户体验 前端开发技术栈分为三大类:HTML .CSS .JavaScript HTML(Hyper Text Markup Language): 1 超文本标记语言 2 负责完成页面的结构 3 文件后缀:start.html v_hint:标注,一些要注意的点("超文本"就 是指页面内可以包含图片,连接,音乐,程序等非文字元素) CSS(Cascading Style Sheet): 1 级联样式表 2 负责页面的风格设计,样式和

dede 首页的常用标签

dede 首页的常用标签!1.织梦标签学习方法1)不要深究织梦的标签是织梦的开发者提供给我们的,我们只要使用就好了,不要深究,这超出我们学习使用织梦的范畴了,我们本课程不是搞二次开发!2)复制很重要使用dede 不要去背那些提供给我们的标签,我们只要会复制粘贴,对某个标签有疑问直接粘贴到模板里看看能得到什么结果就可以了!2.标签分类1)单标签{dede:标签名属性="值" ..../}{dede:include filename="head.htm"/}2)双标签{

Jsp开发常用标签总结

Jsp开发常用标签总结 JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它[1]  是由Sun Microsystems公司倡导.许多公司参与一起建立的一种动态网页技术标准.JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp). 用JSP开发的Web应用是跨平台的,

JSP常用标签——JSTL标签和EL表达式

一.JSTL简介 1.什么是JSTL JSTL是Java中的一个定制标记库集.(这个标记库集不需要自己编写,可以直接使用) 2.为什么要使用JSTL 实现了JSP页面中的代码复用(基于标签库原理,重复率较高的代码块支持复用,提高效率) 书写JSP页面时可读性更强(长得很像xml,方便前端查看和参与开发) 用事实告诉你为什么使用JSTL: 实现: 但是,使用JSTL效果如下: 3.JSTL环境搭建 JSTL的下载: 下载地址:http://archive.apache.org/dist/jakar