Html常用标签的应用

开班已经三天了,从一开始的什么都不懂,一脸懵逼的状态/(ㄒoㄒ)/~~,到现在对基础的掌握,内心感到非常的高兴,这不今天开始了新的内容.

首先从<a></a>标签开始,它包含超级链接<a href="URL"></a>,然后就是锚点的应用了,首先建立个a标签,也就是<a name=‘‘top‘‘>2</a>,然后在下面建立个内容用P标签,也就是<p>1</P><p>1</P><p>1</P><p>1</P><p>1</P><p>1</P><p>1</P>,然后为了实现锚点的作用就在<P></P>标签下面用a标签实现,如果想返回到2,那么就建立<a href="#top">返回</a>的标签,如果想返回到顶部就用<a href="#">返回顶部</a>,标签来实现就可以了.

那么a标签还具有下载的功能,比如像下载个压缩包,首先先建立一个download的文件夹,然后在download下面建立123的压缩包形式的文件,然后就可以操作下载压缩包的代码了,首先编写代码<a href="download/123.rar">点击下载</a>,能下载压缩包,那么就可以下载图片,所以代码可以这么写<a href="img/123.jpg">点击下载 图片</a>,说到图片不得不说,有的时候网速不好,图片会有不能观看的情况,那么为了防止这种情况发生可以弄alt标签来给他添加备注,而且有的时候有人想在图片上显示字,那么可以用title标签来实现.

比如我想弄一个宽200,高100,并且让他在网速不好的时候显示他是个图片,和鼠标移到图片上会显示你很帅的字样,那么你可以这么编码来实现这个功能<img src="img/123.jpg" width="200" height="100" alt="这是图片" title="你很帅" />,学完a标签那么自然会用到文章,那么文章就会有序号,和内容,那么自然会用到有序标签,和无序标签,所以接下来将来学有序和无序的标签。

说到有序标签那么就会用到ol标签,那么先建立ol标签,在ol标签中又li标签,所以如下<ol><li>第一行</li></ol>,其中在ol标签中可以添加功能,比如像是type功能他可以实现前号的表示,比如type=‘‘a‘‘,那么你的内容面前就会出现有序的adcde等.

既然有有序标签,那自然少不了无序标签,无序标签用ul来表示,那么在ul标签中自然也有type功能,在无序标签里面有disc空心圆,square方形,circle空心圆的应用,自然可以在段落面前加空心圆等标签那么就可以将他们删掉,删掉的时候就要用到style=‘‘list-style:none‘‘编码了,用这个可以将段落面前的序号删掉,除了这些,还学了一些小标签,比如,<hr/>标签起到分隔符的作用,不得不说空格这个标签和有意思,&nbsp,为了好记可以说是牛比sp,换行标签用<br/>来表示. 将今天学的编码整理如下:

<body>

   <a href="Htmljichu.html">超级链接</a>

   <br />

   <a name="top">2</a>

   <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p><p>1</p>1</p>

   <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>

   <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>

   <a href="#top">返回</a><a href="#">返回顶部</a><br />

   <a href="download/123.rar">点击下载</a><br />

   <a href="img/123.jpg">点击下载 图片</a><br />

   <img src="img/123.jpg" width="200" height="100" alt="这是图片" title="无形之刃最为致命" />

   <ul type="square" style="list-style:none">

     <li>第一行</li>

     <li>第二行</li>

     <li>第三行</li>

    </ul>

    <ol type="a">

     <li>第一行</li>

     <li>第二行</li>

     <li>第三行</li> <!-- &nbsp;代表空格-->

    </ol>

         <hr /> <!--分隔符-->

</body>

          

时间: 2024-10-07 22:57:03

Html常用标签的应用的相关文章

第2天:HTML常用标签

今天学完主要对所学知识点进行了整理. 一.超链接ahref:www.baidu.com(跳转页面):id名(锚点跳到相应div位置):01.rar(压缩包) target:_blank(新窗口打开):_self(当前窗口打开)二.文件路径绝对路径:(1)线上:线上绝对路径(2)线下:完整路径 相对路径:src=../img/bg.jpg(../是上一级目录) 三.HTML常用标签section :版块 用于划分页面上的不同区域,或者划分文章里不同的节 header :页面头部或者版块(secti

dede 首页的常用标签

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

bootstrap_03_常用标签

<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

HTML 常用标签

HTML常用标签 HTML的结构 <html> <head></head> <body></body> </html> Body标记的属性 <body 属性="属性值"> Background:给网页设置背景图片 bgColor:给网页设置背景颜色 文本与字体修饰标记 <b></b>或者<strong></strong> 给字体加粗 <i>&l

Jsp开发常用标签总结

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

HTML基础—一般标签、常用标签和表格的应用

<html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文本颜色) topmar

HTML基础(一)——一般标签、常用标签和表格

第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文

HTML常用标签(一)

HTML学习之HTML常用标签发布了,欢迎大家通过学编程吧xuebiancheng8.com来访问 HTML是WEB前端课程的基础,HTML是超文本标记语言的缩写,是制作网页的语言,是每个前端工程师必备的知识,在所有的编程语言中,HTML应该是比较简单的.学的快的同学学上几天就可以入门.HTML的应用场合比较广,目前不单单可以用在网页中,同样在手机里现在用的也比较多,使用html实现的代码,可以实现各种手机平台的适配,所以html的使用场合越来越广. HTML代码是由HTML标签组成的,比方说如

jstl的下载与配置及其常用标签的使用

一.jstl标签的下载与配置 摘要:下载地址http://www.apache.org/dist/jakarta/taglibs/standard/,主要standard.jar  与 jstl.jar 两个jar文件,若为所有web应用使用可拷贝到tomcat的 lib目录下,若为当前应用使用拷贝到WEB-INF/lib中即可 JSTL(JSP Standard Tag Library,JSP标准标签库)由Apache的jakarta小组开发,是开源的标准标签库,目前正在不断完善中.使用JST

Html(1)——常用标签

Html常用标签 一.基本标签 <!DOCTYPE html>:引用官方的DTD文件--对标签的使用进行了一定的约束 <html>:根元素标签,成对出现,代表一个html文档的开始和结束 <head>:头部标签,成对出现 <body>:主体标签,成对出现,大部分内容都放在该标签下表示 元信息是信息的信息,用来描述信息的结构,语义,用途和用法等等.收到数据的浏览器可以根据元信息确定服务器发来 的是什么内容,预料有什么数据,确知是否接收完整的数据,以及过程中是否