精华内容
下载资源
问答
  • 2019-07-01 19:00:54

    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> 定义最小的标题。

    更多相关内容
  • html常见标签及其用法归纳大全

    千次阅读 2021-10-28 14:07:39
    html零基础必看——htmlHTML常见标签大全 第二章:html常见标签前言一、常见标签(一)1、body标签2、div盒子标签3、p文本段落标签4、h1~h6 标题标签5、b标签和strong标签(文字加粗标签)6、span文字包裹标签7、br...

    html零基础必看——htmlHTML常见标签大全

    前言

    在上一章中,了解了html页面结构,以及认识了标签。那么都有哪些标签呢?各种标签的作用又是什么呢?本篇文章将带你走进常见标签系列!

    一、常见标签(一)

    1、body标签

    网页身体标签,所有网页内容都在里面,存放各种标签

    2、div盒子标签

    一般划分一个个区域,构建骨架思路会用到。用于存放:文字、图片、内容等

    3、p文本段落标签

    为文本段落标签,可存放大段落文字

    4、h1~h6 标题标签

    • h1到h6级别逐渐减小
    • 书写规范,一个页面只允许出现一个h1(一级标题标签),若重复出现网页会分不清主次内容,就像一篇作文只能有一个作文题目一样。

    5、b标签和strong标签(文字加粗标签)

    都是用于加粗文字的。二者区别是:strong标签是为了突出重点

    6、span文字包裹标签

    • 包裹文字的标签。
    • p标签和span标签的区别是:p标签会自动换行,而span标签不会自动换行。一般短的语句可以用span标签包裹,长点的用p标签包裹。

    7、br换行标签和hr分隔符标签

    • br标签和hr标签都是但标签
    • br标签是换行标签
    • hr标签是分隔符标签

    8、i标签和em标签(文字斜体标签)

    • 二者都是斜体标签,使文字呈现倾斜效果
    • 二者区别:em标签更容易被浏览器识别到

    9、del删除标签

    一般用于价格删除线

    10、center居中标签

    使文本居中

    11、sup上标和sub下标

    标签的内容将会在当前字符高度的一半为基准线的下/上方,字体大小会小一点。

    12、pre预格式化标签

    被包围在pre标签中的文本通常会保留空格和换行符, 而文本也会呈现出等宽字体。

    上述标签使用方法及代码展示:

    <body>
        <!-- 这是身体标签 -->
    
        <div class="div1">
            <!--这是一个盒子标签-->
            <p>我是段落文本p标签</p>
            <h1>我是一级标题标签</h1>
            <h2>我是二级标题标签</h2>
            <h3>我是三级标题标签</h3>
            <h4>我是四级标题标签</h4>
            <h5>我是五级标题标签</h5>
            <h6>我是六级标题标签</h6>
        </div>
        <hr>
    
        <div class="div2">
            <!--这也是一个盒子标签-->
    
            <!-- 区别是p会自动换行,而span不会自动换行,共用一行 -->
            <p>你好</p>
            <p>我爱前端</p>
            <p>好好学习</p>
            <hr>
            <!--分隔符-->
            <span>你好</span>
            <span>我爱前端</span>
            <span>好好学习</span>
            <br>
            <span>我被br强制换行了</span>
        </div>
        <hr>
    
        <div class="div3">
            <!--这还是一个盒子标签-->
            <p>我是正常的p</p>
            <p><i>我是被斜体i定义后的p</i></p>
            <p><em>我是被斜体em定义后的p,我更容易被浏览器识别</em></p>
        </div>
        <hr>
    
        <div class="div4">
            <span>现价:¥99
                <del>原价:¥399</del>
                <!--这是删除符-->
                <center>我是居中对齐</center>
                H<sub>2</sub>O
                CO<sup>2</sup>
    
            </span>
        </div>
        <hr>
    
        <div class="5">
            <p>
                你好 我是前端小白
                我爱学前端
                我的空格和换行没有被p保留
            </p>
    
            <pre>
                你好   我是前端小白
                我爱学前端
                我是被pre保留了空格和换行
            </pre>
        </div>
    </body>
    

    呈现效果:
    在这里插入图片描述

    二、常用标签(二)

    2.1.a标签(链接、超链接、锚点标签)

    2.1.1.超链接标签

    <a href="https://www.baidu.com/" name="baidu" target="_blank" title="百度首页" accesskey="s">百度一下</a>

    • a:a标签(超链接标签)

    • href属性:超链接需要跳转的地址路径

    • name属性:链接名称(一般用于锚点链接捆绑跳转的链接)

    • title属性:链接的提示文字(鼠标悬停时的提示)

    • target属性:链接目标窗口,链接在什么地方打开,网页位置

      • _self属性值:连接在当前页面打开(这是默认值,在没有指定属性值的情况下,默认是_self在当前页面打开
      • _blank属性值:在新窗口打开(点几下打开几个新窗口)
      • _new属性值:在新窗口打开(无论点几下只打开一个,除特殊商品网站如某东页面强制要求,点几下会开几个页面,为了增加访问量)
    • accesskey属性:链接热键(accesskey属性的值设置为哪个字母,就用Alt+这个值的字母可以自动跳转链接)

    <!--百度网站和哔哩哔哩网站
           1.用_blank属性点几次,打开几个新的页面
           2.用_new属性无论点几次都只会打开一个页面
           3.用_self属性,就在当前页面中跳转。它是默认属性
           特殊:京东网站用_new属性,点几次都会打开几个页面,因为人家是内部强制设定了,为了增加访问量。其他两个属性一样-->
       
       <a href="https://www.baidu.com/" target="_blank" >用_blank属性,百度一下</a><br>
       <a href="https://www.baidu.com/" target="_new" >用_new属性,百度一下</a><br>
       <a href="https://www.baidu.com/" target="_self" >用_self属性,百度一下</a><br>
       <br><br><hr>
       <!-- _self是默认值,在没有指定target属性值的时候,默认在当前页面打开 -->
       <a href="https://www.jd.com/" target="_blank" >用_blank属性,京东一下</a><br>
       <a href="https://www.jd.com/" target="_new" >用_new属性,京东一下</a><br>
       <a href="https://www.jd.com/" target="_self" >用_self属性,京东一下</a><br>
       <br><br><hr>
       <a href="https://www.bilibili.com/" target="_blank" >用_blank属性,哔哩哔哩</a><br>
       <a href="https://www.bilibili.com/" target="_new" >用_new属性,哔哩哔哩</a><br>
       <a href="https://www.bilibili.com/" target="_self" >用_self属性,哔哩哔哩</a><br>
       <br><br><hr>
    

    2.1.2 锚点链接

    • 创建锚点链接,基本格式:
      <a name="锚点名称">链接对象名称</a>
    • 建立链接,基本格式:
      <a href="#跳转的锚点名称" name="锚点名称">链接对象名称</a>
    • 锚点链接不仅可以在同一个页面中互跳,也可跨页面互跳

    创建一个页面命名为index01.html

    <body>
         <!-- <a href="#跳转的锚点名称" name="锚点名称">链接对象名称</a> -->
         
        <a name="top" href="#bottom">我是顶部,点我可以跳到底部</a>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <a name="bottom" href="#top">我是底部,点我可以跳到顶部</a>
       
        <!-- 锚点不但可以在同一个页面中互跳,也可在不同页面中互跳 -->
        <hr>
        <hr>
        <a href="index02.html#top">点我跳到index02.html页面中的top锚点链接</a>
    </body>
    

    再创建一个页面命名为index02.html

    <body>
        <!-- 空连接:href属性值就只写个#,空连接不跳转-->
        <a href="#">我是空连接</a>
        <hr>
        <a ></a>
        <a href="index01.html">点我回到index01.html网页,实现跨页面互跳</a>
        <hr>
        <a name="top" href="index01.html#bottom">点我回到index01.html的底部,实现跨页面互跳锚点链接</a>
    </body>
    

    2.1.3 空连接

    空连接就是目标链接为空,用“#”表示,点击空连接后,页面仍然会停留在当前页面。
    格式:<a href="#">我是空连接</a>

    2.2 图片标签

    格式:<img src="./img/1.jpg" alt="图片加载失败" title="这是漂亮的小姐姐" width="200px" height="200px">

    • img 图片标签
    • src图片地址属性:用于放图片地址
    • alt:当图片路径出错时,alt文字提示就会显现出来
    • title:图片的描述,鼠标放在图片上描述图片的文字就会显现出来
      width、height宽度和高度属性,属性值是数字,单位一般用px像素。(可在img图片标签中控制图片大小)

    关于路径问题补充:

    • ./相同文件夹下的目录文件(常用)
    • …/上一级文件夹里的目录文件

    引入图片方式:

    1.相对路径:【./在相同文件夹下找目录文件。】【…/上一级文件夹里找目录文件】。
    2.绝对路径:从电脑里C/D/F盘开始的路径。不怎么常用,因为图片在自己电脑里,这样不利于别人使用
    3.网络地址:直接找一个网上的图片链接地址。局限性是在有网,以及图片在网上未删除的时候查看

    演示:

     <!-- 相对路径引入图片 -->
    
        <img src="./img/1.jpg" alt="图片加载失败" title="这是漂亮的小姐姐" ><!-- 这个是图片实际大小 -->
        <hr>
        <!-- 这个是通过img标签行内设置宽高之后的 -->
        <img src="./img/1.jpg" alt="图片加载失败" title="这是漂亮的小姐姐" width="200px" height="200px">
        <!-- 故意放错图片,alt里的文字就会显现出来 -->
        <img src="1.jpg" alt="图片加载失败">
    
        <!-- 网路地址引入图片 -->
        <img src="http://www.jj20.com/tx/qita/213161.html" alt="">
    

    三、列表标签

    3.1 无序列表标签<ul>

    1.无序列表标签用<ul>标记,子元素是<li>标签列表项
    2.可用快捷方式生成多个<li>子元素列表标签。如:ul>li*3;li*6。等就会生成几个li子列表项。
    3.在<ul>标签里面,可用type属性修改子列表项<li>前面的黑点类型

    <ul type="disC">
    

    -默认值:disc(实心圆)

    • 空心点:circle
    • 实心方块 :square
    • 不显示符号none

    代码演示

     <body>
        <!-- 快捷生成多个子列表项:ul>li*3或li*5或ul.li{$}*5 -->
        <ul>
            <!-- 列表项的默认样式是实心圆 -->
            <li>我是列表项一</li>
            <li>我是列表项二</li>
            <li>我是列表项三</li>
        </ul>
    
        <ul type="circle">
            <!-- 指定列表项的样式是空心点 -->
            <li>我是列表项一</li>
            <li>我是列表项二</li>
            <li>我是列表项三</li>
        </ul>
        <ul type="square">
            <!-- 指定列表项的样式是实心方块 -->
            <li>我是列表项一</li>
            <li>我是列表项二</li>
            <li>我是列表项三</li>
        </ul>
        <ul type="none">
            <!-- 指定列表项不显示符号 -->
            <li>我是列表项一</li>
            <li>我是列表项二</li>
            <li>我是列表项三</li>
        </ul>
    
    </body>
    

    效果展示:
    在这里插入图片描述

    3.2 有序列表标签<ol>

    1.有序列表标签用<ol>标记,子元素是<li>标签列表项
    2.通过type属性修改排序类型:默认是阿拉伯数字1开始排序

    <ol type="a"><!--用小写字母a开始排序-->
    
    • type属性值可为:列举几种
    • a用小写字母开始排序
    • A用大写字母开始排序
    • i/I 用罗马字母开始排序

    代码演示:

    <!-- 默认是阿拉伯数字123排序 -->
        <ol>
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
        </ol>
        <ol type="a">
            <!-- 指定用小写字母a开始排序 -->
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
        </ol>
        <ol type="A">
            <!-- 指定用大写字母A开始排序 -->
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
        </ol>
        <ol type="i">
            <!-- 指定用小写罗马字母i开始排序 -->
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
        </ol>
        <ol type="I">
            <!-- 指定用大写罗马字母I开始排序 -->
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
        </ol>
    

    效果展示:
    在这里插入图片描述
    3.使有序列表前面无符号显示
    注意,有序列表顾名思义就是要有顺序,如果非要有序列表没有顺序的话,它是不支持type属性的值为none的。那么如果硬要让有序列表前面不显示符号,可以给它加一个list-style的样式,属性值为noe。加上样式就要涉及到下节所讲的css样式了的知识了。

    方法一:直接在内部样式添加list-style:none
    方法二:通过引入外部样式里,有默认清除
    这两种方法在下一章节里会有讲到的

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>清除有序列表前面的符号</title>
        <!-- 方法二:通过引入外部样式里,有默认清除 -->
        <!-- <link rel="stylesheet" href="rest.css"> -->
    
        <!-- 方法一:直接给ol加一个样式就可以清除前面的符号 -->
        <style>
            /* 直接给ol加一个样式就可以清除前面的符号了,也可以通过引入外部样式里,有默认清除 */
            ol {
                list-style: none;
            }
        </style>
    </head>
    
    <body>
        <!-- 注意,有序列表顾名思义就是要有顺序,如果非要有序列表没有顺序的话,它是不支持type属性的值为none的。那么如果硬要有序列表前面不显示符号,方法是:给它加一个list-style:none的样式(可以直接添加在内部样式里或是引入外部样式默认清除样式)
     -->
        <ol type="I">
           <p>这是有序列表但是我可以通过设置list-style: none属性值去掉符号</p>
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
        </ol>
    </body>
    
    </html>
    

    效果图:
    在这里插入图片描述

    3.3 描述列表标签(也叫自定义列表标签)<dl>

    1.描述列表标签用<dl>标记,子元素有两个是<dt><dd>标签列表项
    2.描述列表一般用于一列项目及项目的组合,格式为:

    <dl>
            <dt>名词一</dt><dd>解释一</dd>
            <dt>名词二</dt><dd>解释二</dd>
            <dt>名词三</dt><dd>解释三</dd>
            
        </dl>
    

    效果展示:
    在这里插入图片描述

    总结

    上述是小编为大家整理的一些HTML中常见标签的用法及代码展示,当然还有很多标签还没有整理进来,后续小编会加一些进来的。参考多方资料加上自己的理解整理出来的,或有不确之处和疏漏的地方,还望各位大佬能够不吝赐教,加以斧正,小编在此先行谢过了。

    展开全文
  • HTML 常用标签

    千次阅读 2021-07-13 02:46:30
    1.href 取值网址: (http:// xxx https://xxx //xxx三种形式)路径:(/a/s/d/g a/d/f index.html ./index.html四种形式)伪协议(javascript 代码 mailto:邮箱 tel:手机号码三种形式)id (href = #xxx唯一类)2.target ...

    1.a 标签的用法

    a标签是超链接标签,点击信息可以跳转别的页面。

    1.href 取值

    网址: (http:// xxx https://xxx //xxx三种形式)

    路径:(/a/s/d/g a/d/f index.html ./index.html四种形式)

    伪协议(javascript 代码 mailto:邮箱 tel:手机号码三种形式)

    id (href = #xxx唯一类)

    2.target 取值

    内置名字(_blank空白页打开、_top顶层页打开 _parent父元素页打开 _self 自己的页面里打开)

    程序员署名(window 的name:先打开一个网页,当前打开的页面即为目标页面、iframe的name:嵌套页面)

    2.table 标签的用法

    表格标签

    1.格式

    代码形式,标签的摆放是可以乱序的。

    复制代码

    2.相关样式

    table-layout一般设置为自动表格布局(根据表格的宽度由表格内容决定)

    border-collapse一般设置为collapse 相邻边框合并

    border-spacing一般设置为0 相邻边框的间距为零,可根据需要调参

    效果如图:cd9611643161c9ebe77f73a696413021.png

    3.img 标签的用法

    插入照片标签

    1.作用

    发出GET请求,展示一张图

    2.属性

    alt当浏览器加载不出时,提示的信息

    height高度

    width宽度

    src地址

    3.事件

    onload

    onerror

    可由js判断照片是否成功加载,如未能成功加载可由其他照片代替。

    4.响应式

    max-width:100%;使得照片可以由不同设备进行显示

    复制代码

    4.form 标签的用法

    表单标签

    1.作用

    发出GET/POST请求,刷新页面

    2.属性

    action xxx.com的地址

    autocomplete自动填充账户信息

    method请求的方式

    target提交到哪种页面打开

    3.触发

    onsubmit

    点击之后才会触发。

    5.input 标签的用法

    用于为基于Web的表单创建交互式控件,以便接受来自用户的数据; 可以使用各种类型的输入数据和控件小部件,具体取决于设备和user agent。

    1.作用

    让用户输入的标签

    2.属性

    button按钮

    checkout多选

    color颜色

    radio单选

    password密码

    file上传文件

    select选项

    3.事件

    onchange用户改变

    onfocus用户聚焦

    onblur失去用户聚焦

    6.其他补充的知识点

    1.  当使用http的时候就不是以文件夹为根目录了,而是在哪开启http服务就是以它为根目录了。如果双击打开会出现下图的情况。

    3c9ca58115290f187a73a0de0fa4dd61.png

    正确的打开方式:

    95d577812ada646ff8c9aa69c70e979a.png

    2.POST 和 GET 的方式区别

    1.POST:向指定的资源提交要被处理的数据。

    有关 POST 请求的其他一些注释:

    POST 请求不会被缓存

    POST 请求不会保留在浏览器历史记录中

    POST 不能被收藏为书签

    POST 请求对数据长度没有要求

    复制代码

    36088434f30533495ed286af1e281ec3.png

    2.GET:从指定的资源请求数据。

    有关 GET 请求的其他一些注释:

    GET 请求可被缓存

    GET 请求保留在浏览器历史记录中

    GET 请求可被收藏为书签

    GET 请求不应在处理敏感数据时使用

    GET 请求有长度限制

    GET 请求只应当用于取回数据

    复制代码

    d65472eb0e7f6d80c0cd6dbc4d1867c3.png

    小结

    常用的标签掌握住它的用法,以及它的属性,根据自己的需求来书写代码,效率会提升很高。未完待续...

    展开全文
  • 介绍几个常用的HTML5标签

    千次阅读 2021-06-14 04:08:52
    一、Html的基本结构:网页的文本、图片等信息;二、Head部分:用于表示网页的元...HTML5中设置字符集编码:常见的字符集编码格式:a.GB-2312:国标码,简体中文b.GBK:扩展的国标码c.UTF-8:万国码 Unicode 常用②ht...

    一、Html的基本结构:

    网页的文本、图片等信息;

    二、Head部分:用于表示网页的元数据即描述网页的基本信息

    其常用标签及属性有:

    1、title标签:浏览器标签页显示的标题

    2、meta标签:其常用属性

    ①charset:设置文档的字符集编码格式。HTML5中设置字符集编码:

    常见的字符集编码格式:

    a.GB-2312:国标码,简体中文

    b.GBK:扩展的国标码

    c.UTF-8:万国码 Unicode 常用

    ②http-equiv属性:将我们的信息写给浏览器看,让浏览器按照这里面的要求执行,可选属性值:Content-Type(文档类型) refresh(网页定时刷新) set-cookie(设置浏览器cookie缓存) 需要配合content属性使用。(http-equiv属性只是表明需要设置哪一部分,具体的设置内容,放到content属性中)

    ③name属性:使用方法同“http-equiv”。将我们的信息写给搜索引擎看

    常用且需要掌握的属性值:author(作者) keywords(网页关键字) description(网页描述) 这两个属性设置,网页必不可少。

    3、link标签:链接网页图标(title前的小logo),其常用属性有:

    ①rel属性:声明链接文件的类型,此处选icon

    ②type属性:可以省略

    ③href属性:表示图片的路径地址

    三、body部分:网页的文本、图片等信息

    标签的分类:

    块级标签:显示为块,前后隔一行(自动换行)

    行级标签:按行从左往右逐一显示。

    1、 常见的块级标签:

    ......
    :标题标签,自动加粗,h1最大,h6最小。


    :水平线标签,添加一条水平线。


    :换行标签,

    :引用标签,cite属性,表明引用的来源,一般引用网址

    浏览器默认首行缩进。

    :预格式标签,用于重载代码。浏览器默认显示样式:1、显示为等宽字体。 2、代码中的换行、
     

    空格等元素能在浏览器中显示。

    【补充】html 文件中空格的表示:

    2、 基于布局的块级标签

    列表:无序列表、有序列表、定义列表

    ①有序列表:

    列表项:

    ②无序列表:

    ③定义列表(实现图文混排):

    列表标题:

    一般只有一项

    列表描述项:

    可以有很多项

    3、组合标签:

    用于显示图片及图片标题

    他有两个子标签:图片

    图片的标题

    例如:

    探险家

    探险家 伊泽瑞尔

    4、分区标签:

    5、常见的行级标签

    <1>span(文本):无实际意义,用于包裹某部分文字,修改特定样式,例如:

    这是span中的文字

    img(图片):其常用属性:①src:表示引用图片的地址。

    路径地址的写法:相对路径:以当前文件为最准,去寻找图片地址

    a、与文件处于同一层的图片,直接写图片名

    b、图片在当前文件下一层:文件名/图片名

    c、图片在当前文件上一层:../图片名

    绝对路径:file:///盘符:/文件夹/图片名,但 是严禁使用

    图片网址:网络上的图片链接,但是一般不用

    ②height和width:图片的高度和宽度。可以用CSS样式代替

    ③title:图片标。当鼠标指上之后显示的文字

    ④alt:当图片无法显示的时候,显示的文字

    <2>em(倾斜强调)

    <3>strong(加粗强调)

    <4>b(加粗)

    <5>i(倾斜)

    Strong、em、b、i的区别

    1、Strong、em都表示强调,Strong为粗体,em为斜体,而Strong的强调 程度逗比em高

    2、Strong和b都能加粗,em和i都能倾斜,,但是Strong和em多了一层强调的语义 。H5要求标签尽可能实现语义化。

    <6>q(短引用)

    <7>small/big(缩小/放大字体):small和big分别是缩小和扩大字体,都可以多层嵌套直至上限或下限

    <8>a(超链接)

    1、href:超链接的路径,可以是网络链接,也可以是本地文件。

    2、target:跳转页面打开的位置。_self自身页面,_blank新页面。

    3、title:鼠标指在超链接上显示的名称。

    4、Rel(被链接是当前的前/后一篇):指定被链接文档与当前文档的关系,搜索引擎 会利用该属性 获取更多的有关链接的信息:

    rel="prev"被链接文档是当前文档的前一篇文 档,

    rel="next"被链接文档是当前文档的后一篇文档,

    rel="icon"被链接文档是当前文档的图标

    rel="stylesheet"被链接文档是当前文档的样式表

    5、Rev(当前是被链接的前/后一篇)

    锚链接:

    ①本页面锚链接:a、设置锚点:

    b、跳转锚点:#name名

    ①页面间锚链接:a、在即将跳转页面的指定位置设置锚点

    b、跳转锚点:页面地址.html#name名

    页面间锚链接

    功能性链接: mailto用于给指定邮箱发送邮件

    file:///e:/aaa.png打开本地文件

    tencent://message/?uin=1315618220 给指定QQ发送息

    <9>s标签,有误文本:删除线

    这是S标签中的文字

    <10>cite标签:浏览器显示为倾斜,常用于书、画作、作品的引用

    这是cite中的文本

    <11>code:计算机代码,不保留代码格式

    
     

    <12>bdo:表示文本方向,属性:dir="ltr"表示从左往右,dir="rtl"表示从右往左

    1234567

    kbd:表示需要用户用键盘输入的内容,浏览器显示为等宽字体

    请输入“Esc”推迟系统

    <13>sup:上标文本,sub:下标文本

    x6

    © © 空格

    © © 空格  

    <14>u:下划线

    这是下划线

    mark:高亮或标记文本,浏览器显示为黄色背景

    mark

    展开全文
  • 在上一节,我们学习了HTML页面的基本结构,也知道head标签是比较特殊的。事实上,只有一些特殊的标签才能放在head标签内,其他大部分标签都是放在body标签内的。这一节涉及的内容比较抽象,也缺乏实操性,因为这些...
  • HTML常用标签之表单标签 前言 一、表单域 二、表单元素 1.input 输入表单元素 2.select 下拉表单元素 3.textarea 表单元素 前言 在网页中,我们需要跟用户进行交互,收集用户资料,此时就需要用到表单标签 在...
  • 一、什么是HTML语义化标签 语义化的标签,旨在让标签有自己的含义。 <p>一行文字</p> ...如上代码,p 标签与 span 标签都区别之一就是,p 标签的含义是:段落。...三、常见的语义化标签 因此我们
  • 作者|李娜前言*本文为「Java联盟」原创内容,转载无需授权,请保留署名来源。...第二节 HTML 中的常见标签首先我们先来了解一下HTML标签的类型:HTML标记标签通常被称为HTML标签(HTML TAG)。1、单标...
  • Html常用标签(大全)html标签大全总结必看

    万次阅读 多人点赞 2018-08-01 14:26:59
    html&gt;…&lt;/html&gt; 定义 HTML 文档 &lt;head&gt;…&lt;/head&gt; 文档的信息 &lt;meta&gt; HTML 文档的元信息 &lt;title&gt;…&lt;/title&gt;...
  • HTML概述 1.1 什么是HTML HTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的PC端开发,还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术 ...
  • HTML常用标签

    2021-07-04 08:16:45
    HTML常用标签a标签table标签img标签form标签input标签select+option标签textarea标签一、a标签a标签的属性hreftargetdownloadrel=noopener1、href属性href的取值有以下几个:网址网址可以是http://或者https://或者/...
  • 关于html:HTML常用的五种标签

    千次阅读 2021-06-16 04:04:20
    div标签p标签span标签a标签img标签html:超级文本标记语言1,div标签:是在html中布局应用最多的标签,自身没有什么特别之处,只是标签代替了以前标签布局。 是一个块级元素,它的内容会主动地开始一个新行。div标签...
  • Html常用标签介绍

    千次阅读 2021-06-29 01:57:40
    在前端开发工作中,常用的html标签有:1.文档元数据标签标签:表示那些不能由其它Html院相关标签(,,,,或)之一表示的任何元数据信息。标签:规定了外部资源与当前html文档的关系,这个标签最长用于链接外部样式表CSS...
  • HTML简介及常用标签功能示例HTML简介HTML中的注释写法常用标签及功能示例1.排版标签2.字体标签3.图片标签4.超链接标签5.清单标签(列表标签)6.框架标签7.表格标签8.表单标签:主要作用搜集信息,发送信息(向服务端)。...
  • 一些常见html5语义化标签

    万次阅读 多人点赞 2016-10-26 20:45:17
    我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总结了一些常用的语义化标签,有空慢慢更新,欢迎大家补充  语义化HTML:用最恰当的HTML元素标记的内容。    优点:1 提升...
  • HTML 常用块状标签有哪些?

    千次阅读 2021-06-24 09:48:16
    HTML 常用块状标签有哪些?html 文档和 HTML 元素是通过 HTML 标签进行标记的, HTML 标签由开始标签和结束标签组成, 下面我们来看一下 HTML 中常用...那么常见的块状标签有哪些呢?标题标签,,...... 以此类推, 其中, ...
  • 常见的块标签,行标签,行内块标签来啦! 一、块级标题 1、独占一行,不和其他元素待在同一行 2、可以设置宽高 常见的块级标签有:<h1-h6>、<ul>< li> 、<dl>< dd>< dt>、<...
  • HTML基础有哪些单标签

    万次阅读 多人点赞 2018-07-18 12:09:56
    HTML基础有哪些单标签: 双标签: &lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;body&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;span&gt;&lt;...
  • 什么是HTML语义化标签常见HTML语义化标签大全

    万次阅读 多人点赞 2018-06-06 17:29:53
    一、什么是HTML语义化标签 语义化的标签,旨在让标签有自己的含义。 &amp;amp;amp;lt;p&amp;amp;amp;gt;一行文字&amp;amp;amp;lt;/p&amp;amp;amp;gt; &amp;amp;amp;lt;span&amp;amp;amp...
  • html中有哪些单标签和双标签

    千次阅读 2020-08-23 15:13:09
    、在HTML基础中,单标签bai就是由一个标du签组成的。例如<br>、zhi<hr>、<img>、<input>、<param>、<meta>、<link>。 2、而双标签则是由“开始dao标签”和“结束标签”两...
  • HTML常用标签及属性

    万次阅读 2019-05-19 11:49:02
    标签按照实现效果可以分为:         1.块元素标签(行元素标签):默认占有一行         2.内联元素标签(行内元素):默认可以...
  • HTML标签和双标签的区别及分类

    千次阅读 2020-08-23 20:40:21
    定义 单标签:由一个标签组成。例如 <br/>...常见的单标签 <hr /> <meta /> <img /> <input> 常见的双边签 <html></html> <head></head> &
  • HTML中单标签和双标签的分类有哪些

    千次阅读 2020-08-23 20:25:45
    HTML中单标签和双标签的分类 单标签:只有一个标签。 双标签:有开始和结束标签 HTML标签关系可以是嵌套关系,也可以是并列关系 常见的单标签有 <hr /> <br /> <meta /> <img /> <...
  • html文档的基本结构和常用标签

    千次阅读 2019-08-17 03:44:43
    什么是HTML2.标签、元素3.html文档的基本结构二、HTML中常用标签1.标题标签<h1>--<h6>2.段落标签<p>3.常见的转义字符4.<i>和<em>5.<b>和<strong>6.<u>7.<br>...
  • HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:  (1)display:inline;转换为行内元素  (2)display:block;...
  • 这种语义化标准主要是针对搜索引擎的 这些新标签页面中可以使用多次 在IE9中,需要把这些元素转换为块级元素 其实,我们移动端更喜欢使用这些标签 HTML5还增加了很多其他标签,我们后面再慢慢学 二、新增的多媒体...
  • HTML中单标签与双标签的分类

    千次阅读 2020-08-23 15:05:31
    HTML中单标签和双标签的分类 单标签:只有一个标签。 双标签:有开始和结束标签 HTML标签关系可以是嵌套关系,也可以是并列关系 常见的单标签有 <hr /> <br /> <meta /> <img /> <...
  • HTML5基本结构及标签

    千次阅读 2020-05-22 14:24:02
    <!DOCTYPE html> <html> <head> ...我的第一个HTML5页面<... 你好,HTML5!.../html>...HTML5HTML5基本结构DOCTYPEbasemetastylelinkscriptboby注释字符实体图像文件HTML4.01转换为H
  • HTML标签类型及特点

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

    千次阅读 2018-05-31 20:19:27
    html中常用的文本格式化标签:&lt;em&gt;定义着重文字&lt;i&gt;定义斜体字&lt;small&gt;定义小号字&lt;strong&gt;定义加重语气&lt;sub&gt;定义下标字&lt;sup&gt;...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,460
精华内容 6,984
关键字:

列举html常见标签