精华内容
下载资源
问答
  • 常见的HTML标签

    2018-04-22 19:13:25
    --------------------------------------常见的HTML标签------------------------------------ 注释标签:<!-- 注释内容 -->;内部的代码不被浏览器解析,但是在网页源代码中可以看到注释的内容。 ...

    --------------------------------------常见的HTML标签------------------------------------

     

           注释标签:<!--  注释内容 -->;内部的代码不被浏览器解析,但是在网页源代码中可以看到注释的内容。

           标题标签:<hx>

                  hx的取值是从h1 – h6.字体从大到小,字体自动加粗,自动换行。

           文字粗体标签:<b>

           文字斜体标签:<i>

           下划线标签:<u>

           换行标签:<br>

                  换行标签是单个使用的标记

           段落标签:<p>

                  段落标签除换行外,还会增加一行空白

           空格标签:&nbsp;

                 

    示例代码:

    <htlml>

           <head>

                  <title>www.likunpeng.com</title>

           </head>

                  <bady>

                         <!--

                                我是注释

                         -->

                         <h1>我是标题</h1>

                         <h2>我是标题</h2>

                         <h3>我是标题</h3>

                         <h4>我是标题</h4>

                         <h5>我是标题</h5>

                         <h6>我是标题</h6>

                         我是内容

                         <b>我是加粗</b>

                         <i>我是斜体</i>

                         <br>

                         <u>我是下划线</u>

                         <p>我是第一段落</p>

                         <p>我是第二段落</p>

                         李&nbsp;昆&nbsp;&nbsp;鹏

                  </bady>

          

    </html>

     

    --------------------------------------------------

    我是标题

    我是标题

    我是标题

    我是标题

    我是标题

    我是标题

    我是内容 我是加粗 我是斜体 
    我是下划线

    我是第一段落

    我是第二段落

       

    展开全文
  • 常见的HTML标签 如今,Web开发工程师在学习和工作中通常都使用了不止一门语言。因此,对一门语言的方方面面我们很难说得上都去了解,要精通一门语言也是相当有难度,比如语言中一些生僻但可能很有用处的关键字用法...

    不常见的HTML标签

     如今,Web开发工程师在学习和工作中通常都使用了不止一门语言。因此,对一门语言的方方面面我们很难说得上都去了解,要精通一门语言也是相当有难度,比如语言中一些生僻但可能很有用处的关键字用法。

          虽然我们以前可能对这些非常少见的HTML标签并不了解或没能完全用好他们,不过亡羊补牢,为时未晚,现在开始了解并能在以后的开发中正确的用上这些以前没用过的标签也不算太晚。

          这里我给出了10个最不常见并且常被人误用的HTML标签。虽然可能并不像其他HTML标签那么常见,但在某些特殊的情景下,他们仍然相当有用。

    1. <cite>

         相信大家都对<blockquote>不陌生吧,但你知道<blockquote>其实有个小弟叫<cite>不?<cite>允许在一个元素中定义一段文本作为引用。一般情况下,浏览器会把<cite>标签下的文本设置为斜体字,不过这可能会根据CSS有所改变。

          <cite>标签在书籍目录和其他站点地址引用的时候非常有用。这里给出一个如何在一段文字中使用<cite>标签的例子:

           张三的突破性专著张三自传给网络带来一股新气象.

    2. <optgroup>

         当你想在一个下拉框中对根据不同类型分组的选项添加一些定义时,<optiongroup>标签将会非常有用。例如,如果你想根据时间对电影进行分组,代码可以这样写:

    1 <LABEL for=showtimes>Showtimes</LABEL><BR><SELECT id=showtimes name=showtimes><OPTGROUP label=1PM></OPTGROUP> <OPTION selected value=titanic>Twister</OPTION> <OPTION value=nd>Napoleon Dynamite</OPTION><OPTION value=wab>What About Bob?</OPTION><OPTGROUP label=2PM></OPTGROUP> <OPTION value=bkrw>Be Kind Rewind</OPTION> <OPTION value=stf>Stranger Than Fiction</OPTION></SELECT>

    例子:

    Showtimes    Twister   Napoleon DynamiteWhat About Bob?   Be Kind Rewind   Stranger Than Fiction

    3. <acronym>

         <acronym>标签通常用于对一句话(词组)添加定义或者更详细的解释。当用户将鼠标停留在添加了<acronym>标签的文字上面,添加的注释或定义会在文字下方显示。如:

    1 微博网站 <ACRONYM title="Founded in 2006"> Twitter</ACRONYM> 最近引起了互联网上的一股新的风潮!

    例子:

    微博网站 Twitter最近引起了互联网上的一股新的风潮!

    4. <address>

         <address>标签是个相当少见的标签,不过这并不代表它没什么用处。望文生义,<address>允许你在HTML中根据语义来标记地址。这个很好用的标签同样会把它内部的数据用斜体字标识,不过,这个样式很容易通过CSS修改。

    1 <address><BR>中国,上海市,闵行区,XX路,XX小区,XXX室<BR></address>

    例子:

    中国,上海市,闵行区,XX路,XX小区,XXX室

     

    5. <ins> 和 <del>

         如果你想通过标记来显示文档编辑样式,<ins>和<del>刚好可以用到。就像它们的名字,<ins>通过一个下划线来突出那些被添加进文档的内容,而<del>则通过删除线来显示那些从中删除的文字。

    1 没有了驴子,我们的日子还要怎么<DEL>过下去</DEL> <INS>活下去</INS>?

    例子:没有了驴子,我们的日子还要怎么过下去 活下去?

    6. <label>

         当标记文档时,表格元素很容易被遗忘。在表格元素中,最容易被遗忘的元素之一怕要数<label>标签了。但对<label>标签来说,它不仅可以相当方便的表示一段文字,同时,它更能通过for属性来指定标签被用于哪个元素。这些<label>不仅很容易被定义样式,它们还允许你将标签的文字设计成像按钮一样可以被用户点击。

    1 <LABEL for="username">用户名</LABEL>  <BR><INPUT id="username" type="text">

    7. <fieldset>

         <fieldset>是一个相当好用的标签,它可将表单内的相关元素按逻辑分组。一旦这些元素通过<fieldset>标签放到一起,另外通过将<label>标签和fieldset绑定可以为分组定义标题。

    1 <FORM><FIELDSET>  <BR><LEGEND>你觉得自己牛X么?</LEGEND>  <BR>Yes<INPUT value=yes type=radio name=yes>  <BR>No <INPUT value=no type=radio name=no>  <BR></FIELDSET>  <BR></FORM>

    例子:

    你觉得自己牛X么?Yes No 

    8. <abbr>

         <abbr>和<acronym>是一类的标签,只是<abbr>标签只用于定义缩写的词组。就像<acronym>,相当于你给元素添加了一个标题或称号。当用户将鼠标悬停在缩写词上面,它的全称会在下方显示。<abbr>标签很少被用到,不过它对屏幕阅读器,拼写检查程序和搜索引擎很有用。

    1 他<ABBR title="妈">文明用语</ABBR>的

    例子:他文明用语的!

    9. rel

        Rel是一个相当有用的属性,基本上任何一个HTML元素都可以应用Rel属性(注1)。它可以为那些没有别的方式提供详细信息的元素提供额外的信息。这在javascript和HTML一起工作时尤其有用。如果你有一个你可能想在内部编辑,你可以这样添加代码:

     

    复制代码
    代码
    <html>
    <body>
    <p><a id="myAnchor" rel="index"
    href
    ="http://www.w3school.com.cn">Visit W3School.com.cn</a></p>
    <script type="text/javascript">
    x
    =document.getElementById("myAnchor");
    document.write(x.rel);
    </script>
    </body>
    </html>
    复制代码

     

         javascript会找到rel属性为clickable的link元素,然后它可以接着通过ajax内部改变元素。当然,这个只是你可以应用rel属性的无数种情况中的一种,你可以用其他方式来很好的使用rel属性。

    10. <wbr>

         <wbr>(注2)是个基本已经销声匿迹的标签。坦诚的说,我怀疑读者中的大多数都没接触过这个标签,毕竟它太少用到了(真的,在写这篇文章之前,我自己都没见过这个标签)。这个标签允许你指定一块区域来强制使用换行符,但仅仅是确实必要的时候。该元素很特殊因为它定义在浏览器中添加换行符,如果需要的话,它可以在你极力避免浏览器中出现横向的滚动条时实现符合要求的界面。

    如果你想在不必使用<wbr>标签的情况下达到相同的效果,你也可以尝试&#8203;或&shy; 。但千万注意,这三个标签中没有一个可以完全支持所有浏览器的。如果你想看看哪些浏览器支持这三种标签可以看看这篇文章

     

    译者注:

    注1,实际上rel通常用在a和link标签中,它常和rev一起出现。

    注2,wbr不是标准的html标签,它最开始是网景公司添加的,但随后被移除掉了。

     

    附注:

          这篇文章仅仅是一个参考,实际上,由于一些地方使用和解释得并不清楚, 它也引起了比较多的争论,建议如果确实对这些标签有兴趣研究的朋友,可以参看下原文地址并仔细的查看文章的一些回复。

          另外有朋友认为这些少见的标签兼容性会很差,所以我们应少用。然而恰恰相反,上面列举的标签,除了最后一个不符合标准不推荐使用之外,其他都符合W3C标准,它们兼容目前任何主流浏览器。当然,由于<acronym>和<abbr>功能基本一样,在新的html 5标准中不推荐使用<acronym>,w3c推荐用<abbr>代替<acronym>。

           最后有人可能认为这里的一些标签都可以用其他一些常见标签实现相同功能,因此没必要使用。不过正如回复中沉默杨仔所说:“w3c就是要语义化页面内容”,对用户说,可能你可以通过普通标签实现一样的功能,但对机器(e.g.屏幕阅读器,单词拼写检查程序,搜索引擎等)来说,这种标签它们更容易懂。所以我认为,如果你的网页中真有这些标签可以应用的场合,最好还是使用这些标签来实现相应的功能。

    转载于:https://www.cnblogs.com/challenge51all/archive/2013/03/06/2945423.html

    展开全文
  • 10种常见的HTML标签错误写法

    千次阅读 2012-12-17 13:47:20
    <!-- .demo-img {display:block; margin:0 auto; ... border:10px solid #EAEAEC} ...HMTL标签看似简单,但仍然有很多错误的用法,下面列举了一些常见的HTML标签错误用法: 错误1: 将块元素放在内联元
    
    

    随着CSS的持续发展,XHTML和HTML5的流行,HTML也越来越受重视,尤其是标签的语义化。HMTL标签看似简单,但仍然有很多错误的用法,下面列举了一些常见的HTML标签错误用法:

    错误1: 将块元素放在内联元素中

    HTML标签按显示方式可以分为两类: 块元素和内联元素。每个标签默认不是块元素就是内联元素。块元素包括div,p等标签是构成Document的主要结构。而内联元素则是作为块元素的内容以及文档流的一部分,例如a,span等。按照以上的思想,块元素可以包括内联元素而反之则不成立。

    错误2: Image标签没有包含ALT属性

    ALT属性是在网页显示的所有图片所必需的属性。它可以帮助用户理解图片的内容,尤其是图片不能显示时更是非常有帮助。ALT属性应该用来描述图片的具体情况,alt="image"是一个很糟糕的例子,ALT写得好不好就看没有图片的情况下用户能否理解图片是干嘛的。如果图片纯粹是用于修饰用的,那么可以简单设置alt=""。

    错误3: 该用List而不用List

    UL和OL标签可以非常方便的用于展示一组元素,并且功能很强大,尤其是UL无序列表更是可以用在很多场合。所以不要再使用换行标签br来组织显示一组元素了。

    错误4: 使用<b> <i>来加粗和斜体

    <b>和<i>标签的表现形式为使字体加粗和变成斜体,但是从语义上来说,这类标签都是属于样式标签,也就是它们是用于显示效果而不是组织内容的。因此这类标签应该由CSS来替代,即用CSS来处理显示效果。如果你觉得某个单词或段落非常重要,那么你可以使用<strong>和;<em>来强调他们。这和<b><i>有本质的区别,一个是从语义上考虑的,一个是从显示效果上考虑的。

    错误5: 使用太多的换行标签

    从语义上来说,换行标签的目的是换行,因此只能用于一个段落中需要分行显示的时候。它不应该被用来使两个元素换行,如内联元素,或者增加两个元素上下之间的间距,所有这些明显是从显示效果上来考虑问题的,而显示效果的事情明显应该让CSS去处理。

    错误6: 使用错误的Strike标签

    在XHTML1.0之前经常使用<s>和<strike>来表示文字被删除,但是现在这两个标签已经不推荐使用了。其实这两个标签和<b> <i>标签类似,都是从显示效果上来考虑的。如果真的需要描述删除的或插入的数据,可以使用<del>和<ins>标签。

    错误7: 使用内联的样式

    你可能听过1000遍内联样式是不好用法。其实本质上是因为要把语义化的HTML和CSS分离开,所以记得永远要把CSS放在单独的文件中,无论从语义上还是可维护性还是复用都是非常好的。当然特定的情况下比如性能优化时有时会使用内联CSS的。

    错误8: 在HTML里面添加或删除边框

    HTML标签里的border属性是另外一种展现效果的写法,因此从语义的角度来看,不应该在HTML代理处理标签,而应该在CSS里处理边框。

    错误9: 不使用标题标签

    HTML里用来描述标题的标签有<h1>到<h6>,标题主要用来对接下来的内容的简短描述,标题应该有层次性,即最大的标题应该用H1,然后依次根据需要使用,同时从字体大小上也应该有所体现。但是好多人不使用标题标签,而是使用strong标签或者通过CSS来模拟标题的显示效果,这都是从显示效果考虑问题而没有考虑语义性。

    错误10: 无法朗读的<blink> <marquee>标签

    即使抛开W3C组织的推荐和支持,<blink>和<marquee>标签也是名声非常差的两个标签。如果你想吸引用户的注意力,我想你非常多的方法使用户关注某个区域而不是使元素在整个页面持续闪动。

    翻译自: 10 HTML Tag Crimes You Really Shouldn’t Commit

    展开全文
  • java 常见的html标签

    2020-02-18 19:14:09
    学习课程 大家好 很高兴认识朋友。 快来学吧! aaaa 一起来 一起来 一起来 一起来 练习 一起来

    学习课程
    大家好 很高兴认识朋友。
    快来学吧! aaaa
    一起来 一起来

    一起来 一起来

    练习 一起来在这里插入图片描述

    展开全文
  • 众所周知,HTML标签有两类: 块级元素div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul ...特点:总是在新行上开始,...
  • html标签便捷操作,深受大家喜欢。现在大部分网站都是ajax+json来进行数据传送。所以如何使用javascript来操作HTML控件,是我们重中之重。下面我介绍下比较麻烦几个控件 //下拉列表填充 _...
  • 看到了,之前没怎么用过,就当作积累吧。 section 版块 用于划分页面上不同区域,或者划分文章里不同节 header 页面头部或者版块...可以用来呈现论坛一个帖子,杂志或报纸中一篇文章,一篇博客,用户提交
  • 常见的HTML标签

    2009-12-21 15:45:00
    如今,Web开发工程师在... 虽然我们以前可能对这些非常少见的HTML标签并不了解或没能完全用好他们,不过亡羊补牢,为时未晚,现在开始了解并能在以后的开发中正确的用上这些以前没用过的标签也不算太晚。 这里我给...
  • 1. ...fieldset 元素可将表单内相关元素分组。...虽然button标签在form外面,但是button标签仍然属于form控制范围 类比于 转载于:https://www.cnblogs.com/pinkpig/p/4097084.html
  • 原文地址:http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/ 如今,Web开发工程师在学习和工作中通常都使用了不止一门语言。因此,对一门语言方方面面我们很难说得上都...
  • 常见的html标签总结

    2008-10-30 15:04:14
    标签  例子 说明  参考网址   nobr  &lt;nobr&gt;abcd&lt;/nobr&gt;   http://edu.136z.com/Web/37409.html                                          ...
  • 前言:最近在学HTML5,想想还是把笔记放到博客来,一来可以相互分享和...src:引用,该资源是页面不可缺少一部分,如(img标签 video标签 radio标签); href:引入,引入外部资源,如(a标签 link标签) -->      第一个程序
  • 本文内容: 常见行内标签 常见块级标签 常见自闭合标签 首发日期:2018-02-12 修改: 2018-04-25:删除了不常用的标签 常见行内标签: 什么是行内标签: 行内标签就是在页面内只占据刚好能包裹自己内容空间 设置宽...
  • 常见html标签

    2019-08-10 15:28:48
    常见html标签认识html元素根据用途分类布局类标签:页面布局文本类标签只要跟文字有关;就用以下标签标题在一个页面中,h1标签只能出现一次,其他标题标签 可以出现多次 h1-h6 标题级别依次降低,字体依次减小图片...
  • HTML 的常见标签

    2020-12-08 09:03:48
    为了使网页更具有语言化,我们经常在页面中用到标题标签HTML提供了6个等级网页标题,即<h1>-<h6>. 2.1标题标签的语法格式 <h1>标题标签<h1> 单词head缩写,意为头部、标题 标签...
  • HTML一些常见基本的标签
  • 在HTML标签中可以简单的划分为两类元素... 块级元素 div 是最常见的HTML标签,它是一个典型的块级元素。它的内容会独立占领至少一行,哪怕内部只有一个字符。 在HTML5时代,为了追求标签语义化,制定了新的类似*<...
  • Insert title here class Demo{ public static void main(String[]args){ System.out.println("hello word") ... 这是演示其他常见的标签 X2 X2 dddd eeee Inse
  • 常见HTML标签的bug

    2020-07-06 19:08:39
    p标签,又称段落标签 虽然它也是块级标签,但是它里面不能包块级标签......

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,359
精华内容 1,743
关键字:

常见的html标签