精华内容
下载资源
问答
  • HTML常见标签使用解释

    千次阅读 2019-01-06 16:08:39
    称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script&...

    1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

    2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,
    头部标签在下一小节中会有详细介绍。

    3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

    4.<head>标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

    5.<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,
    迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。

    6.代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。
    语法:<!--注释文字 -->

    7.标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)
    比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等。
    讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢?

    1). 更容易被搜索引擎收录。

    2). 更容易让屏幕阅读器读出网页内容。

    8.在网页上要展示出来的页面内容一定要放在body标签中。

    9.<p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。

    10.文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题。
    标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
    语法:
    <hx>标题文本</hx> (x为1-6)

    11.  但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

    语法:
    <em>需要强调的文本</em>  
    <strong>需要强调的文本</strong>

    12.<span>标签为文字设置单独样式
    1). <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。
    2). <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    语法:<span>文本</span>

    13.比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。

    语法:<q>引用文本</q>

    14.<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。

          等等,上一节<q>标签不是也是对文本的引用吗?不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。所以使用<blockquote>。

          语法:
            <blockquote>引用文本</blockquote>
            
    15.    <br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。    

    16.html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&nbsp;。

    17.有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。
    1). <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。

    2). <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。

    18.一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
    语法:
    <address>联系地址信息</address>

    19.,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了.
    <code>代码语言</code>

    20.使用<pre>标签为你的网页加入大段代码,
    <pre>语言代码段</pre>

     

     

     

     

     

     

     

     

    展开全文
  • HTML常见标签及意义(一)

    千次阅读 2016-11-02 17:09:23
    2:标签:双标签html的头标签,一些设置的东西写到这里边; 3:标签:双标签html的内容部分,展示内容写到这里边; 4:标签:双标签,网页的标题; 5:标签:单标签,元标签,设置字符集等内容; 6:标签:...

    1:<html>标签:双标签,网页的标志及开始,内容写在这个标签内;

    2:<head>标签:双标签,html的头标签,一些设置的东西写到这里边;

    3:<body>标签:双标签,html的内容部分,展示内容写到这里边;

    4:<title>标签:双标签,网页的标题;

    5:<meta>标签:单标签,元标签,设置字符集等内容;

    6:<hr/>标签:单标签,单独一行的横线;

    7:<br/>标签:单标签,单独另起一行;

    8:<img>标签:单标签,加载的图片,内部可以嵌套 width height alt src title等子标签

    关于img标签:width设定了宽,height设定了高,title设置了鼠标悬停图片上的时候的显示文字,src表示图片的路径,alt设置了图片加载不到的提示文字,如果不指示高宽会按原始的宽高显示,指示了宽会等比例算出来高,指示了高会算出来宽,宽高都指示会按设定的显示


    展开全文
  • 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

    展开全文
  • html常见标签及作用

    千次阅读 2019-07-01 19:00:54
    1.<title> <title>元素可定义文档的标题。 浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的... 标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏...

    1.<title>
    <title>元素可定义文档的标题。

    浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
     
    2.<head>
    <head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

    文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
     
    3.<a>
    <a> 标签定义超链接,用于从一张页面链接到另一张页面。

    <a> 元素最重要的属性是 href 属性,它指示链接的目标。

    在所有浏览器中,链接的默认外观是:

    未被访问的链接带有下划线而且是蓝色的
    已被访问的链接带有下划线而且是紫色的
    活动链接带有下划线而且是红色的
     
    4.<b>
    <b> 标签规定粗体文本。
     
    5.<br>
    <br> 可插入一个简单的换行符。

    <br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />

    请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。
     
    6.<button>
    <button> 标签定义一个按钮。
     
    7.<div>
    <div> 可定义文档中的分区或节(division/section)。

    <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
     
    8.<img>
    <img >元素向网页中嵌入一幅图像。
     
    9.<p>
    <p> 标签定义段落。

    p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
     
    10.<h1> - <h6>
    <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

    展开全文
  • 常见html5语义化标签

    2018-03-22 15:38:43
    我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总结了一些常用的语义化标签,有空慢慢更新,欢迎大家补充 语义化HTML:用最恰当的HTML元素标记的内容。 优点:1 提升可访问...
  • 本文列举了一些在HTML常见的错误,并且给出了如何避免错误的方法。相信这些方法会对前端开发者有一些帮助。 错误1:嵌套错误 正确使用HTML tag的结束标记非常重要,HTML tag的结束标记的顺序要和开始标记一致,...
  • 小程序常用标签列举

    2020-03-20 15:02:57
    小程序 类似的 html view div text span navigator a image img swiper 轮播图容器 swiper-item 轮播图子容器
  • html中行级标签和块级标签

    万次阅读 2018-11-15 14:15:46
    常见的行级标签:a,span,strong,u(下划线),em(强调),i(斜体),sub(下标),sup(上标) 块级标签 特点:不可以和其他元素保持在同一行(独占一行),可以自动换行,能设置宽高 常见的块级标签:div,p,h1-h6,ul...
  • 转自http://www.cnblogs.com/jujusharp/archive/2009/12/20/10-Rare-Html-Tag-You-Should-Know.html 里面有些标记,还真是没用过,自己也记一下了. 原文地址:...
  • html常用简单标签

    千次阅读 2014-07-25 15:51:15
    1,html中的换行标签是 br,写法是: 2,html中有一些特殊的字符,不能直接输入,需要使用对应的字符实体来代替,比如使用   来代替空格,下面按照重要性列举出来一些常用的特殊字符。 显示结果 描述 ...
  • 定义 单标签:由一个标签组成。例如 <br/>...常见的单标签 <hr /> <meta /> <img /> <input> 常见的双边签 <html></html> <head></head> &
  • HTML标签类型及特点

    2019-08-18 15:27:22
    一、 概述 HTML(Hyper Text Markup Language )作为一种标记语言,网页所有的内容均书写在标签内部,...而HTML中大部分标签都是闭合标签,其他少数为空标签常见的空标签有、 、 、 、 等。 HTML中对标签另一种分...
  • HTML Meta标签

    2016-02-27 09:22:30
    下边是列举了4个meta标签的不常见功能: 1.控制浏览器缓存: 本地缓存会提高我们的访问速度,有时候当我们重新打开网页时,发现页面没有更新,而是显示的缓存内容,要解决这个问题,可以使用meta标签: 也可以...
  • html_常用标签_h标签_文本常用标签_文本修饰标签(1)
  • HTML5基础及新增标签

    千次阅读 2020-02-21 10:58:07
    新增标签列举如下: 标签 作用 header: 头部 footer: 页脚 nav: 导航链接 main: 主题 section: 独立内容区块 artical: 文章标签 aside: 侧边导航栏 hgroup: 对网页、section组合 ...
  • HTML常用标签大全(前篇)

    千次阅读 2016-12-15 10:02:02
    什么是HTML? HTML 是用来描述网页的一种语言。...HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 --------------------- 作者:swh0318 来源:CSDN 原文:https://blog.csdn.net
  • HTML常用标签--整理篇

    2020-09-13 21:00:47
    文章目录HTML常用标签文本标签HTML格式化标签HTML图像标签HTML表格标签HTML表单标签 文本标签 常⽤文本标签如下: <hn>...</hn>标题标签,其中n为1–6的值。 <i>...</i>斜体 <em>......
  • 常见容器级的标签: div h ul ol dl li 文本级的标签对应容器级标签,只能嵌套文字/图片/超链接的标签常见文本级的标签:span p buis strong 只列举了一部分,想要知道其他的可以查官方文档 点此查看更多...
  • html常见面试题及答案

    千次阅读 2021-01-24 23:27:13
    1.简述一下你对 HTML 语义化的理解? 答案: ①用正确的标签做正确的事情。 ②html 语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索...答案:label 标签来定义表单控制间的关系,当用户选择该标签时,浏览
  • html文本修饰标签

    千次阅读 2018-03-18 10:46:54
    font标签----用于设置文本的字体样式b标签----文本加粗i标签----文本斜体s标签----添加删除线u标签-----添加下划线sup标签----添加上标sub标签----添加下标strong标签----文本加粗big标签----元素中的内容在显示时比...
  • 转自:http://www.cnblogs.com/xdream86/p/3855932.html 一、扩展概述 扩展(Extension)是iOS 8中引入的一个非常重要的新特性。扩展让app之间的数据交互成为可能。用户可以在app中使用其他应用提供的...
  • 正确的做法是先确定HTML,确定语义的标签,再来选用适合的CSS。如何确定标签是否语义良好? 判断标签语义化是否良好的一个简洁方法:去掉样式,看网页结构是否组织良好有序,是否仍然有良好的可读性。语义良好的...
  • 常见标签: 块级元素(block):<div> <p> <H1> ~<H6> <ol> <ul> <li> <dl> <table> <form>... 行内元素(inline):<a> <span> <...
  • HTML常用标签及表格、表单、列表

    千次阅读 2018-05-15 23:31:13
    1:HTML常用标签 &lt;a href=" "&gt;这是一个链接&lt;/a&gt; //href="#"空链接 &lt;a href=" " target="_blank"&gt;新窗口打开&lt;/a&...
  • HTML之④HTML常用标签 QQ:3020889729 小蔡HTML常用双标签①头标签_head和标题标签_title②段落标签_p③文本格式化标签(提高文字突出性/改善显示效果)1)粗体_...
  • HTML标签大全

    2009-08-19 11:10:00
    HTML标签大全 标签是取消换行标记~~ 和相反~~~~~总类(所有HTML文件都有的)文件类型 (放在档案的开头与结尾)文件主题 (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) 结构性...
  • 使用Hbuilder和HTML基本标签

    千次阅读 2019-07-09 22:33:41
    Hbuilder的使用和HTML基本标签 上一篇说了HTML的入门:使用txt文件写一个简单的网页.本篇介绍一下HTML编写的软件使用,编写工具中常见的有EditPlus和nodePad++,本人感觉前者还是比较好用的. 开发者工具中webStom最好...
  • 简单的表单和输入标签
  • HTMLHTML 中的 input 标签,看这一篇就够了

    千次阅读 多人点赞 2019-11-01 20:52:33
    一:什么是 HTML 中的 input 标签 。 二:input 标签 type 的取值 text、password、radio、checkbox、file、button、submit、reset。 三:如何为单选框,复选框设置默认选项。 四:使用单选框的两个注意事项。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,088
精华内容 6,435
关键字:

列举html常见标签