精华内容
下载资源
问答
  • 行标签、快标签、行内块标签有哪些
    千次阅读
    2019-03-21 17:49:58

    行标签:<a>   <i>    <span>   <em>   <u>   <br>   <strong> 

    块标签:<div>  <ul>  <li>  <ol>  <dl>  <dt>  <dd>  <h1>~<h6>  <table>  <tr>  <td>  <p>  <fieldset>   <legend>  <hr>

    行内块标签<input>   <img>    <label>     <textarea>     <select>   <option>

     

    更多相关内容
  • 行、块、行内块标签

    2021-05-11 10:56:36
    HTML的俩类标签:行标签、块标签 前言:        我发现一直以来,我进入了一个误区,我对于行标签和块标签首先定义就搞错了

    HTML的仨大标签分类:行标签、块标签、行内块标签

    前言:
           我发现一直以来,我进入了一个误区,我对于行标签和块标签的理解,首先从定义上就搞错了,嘤嘤嘤(╥╯^╰╥)......
           

    一、块标签:(block element):

    特点:
           1.总是独占一行
           2.高度,宽度,以及内外边距,都可以进行设置
           3.可容纳行内元素和其他块元素

    典型的块元素有div、p、h系列、li、ul、dt、dd、form等
           

    二、行标签(inline element):

    行元素也叫内敛元素,叫法不一,如:内联元素,内嵌元素,行内元素,直进式元素等。元素在一行内显示。内联元素一般只能容纳文本或者其他内联元素
    特点:
           1.可以和其他元素共处一行,不用另起一行。
           2.元素的高、宽、顶部以及底部的内外边距不能进行设置(设置了也不起作用)
           3.该行标签的高、宽是它包含的内容(图片,文字)的宽度
           4.行标签不可以嵌套块标签
    典型的行元素有span、a、b、i、u、em、strong、br、label等        

    三、行内块标签:

    特点:
           能和其他元素呆在一行,并且能设置宽高
           

    四、行、块标签的转换:

    1.块级标签转化为行内标签:display:inline;

    2.行内标签转换为块级标签:display:block;

    3.转换为行内块标签:display:inline-block;

    总结:

    • html分为三大类标签,分别是块标签,行标签,行内块标签
    • 块元素独占一行,行元素不独占一行(宽高等属性不可设置)
    • 一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素
    • 块元素中基本上啥都能放,但是注意p元素中不能放任何块元素哟(不符合语法规范)

    展开全文
  • 常见的块标签,行标签,行内块标签来啦! 一、块级标题 1、独占一行,不和其他元素待在同一行 2、可以设置宽高 常见的块级标签:<h1-h6>、<ul>< li> 、<dl>< dd>< dt>、<...

    常见的块标签,行标签,行内块标签来啦!

    一、块级标题
    1、独占一行,不和其他元素待在同一行
    2、可以设置宽高
    
    常见的块级标签有:<h1-h6>、<ul>< li> 、<dl>< dd>< dt>、<p>、<div>、<table>< tr>< td>、<hr>、<fieldset>   <legend>
    
    二、行级标签
    1、能和其他元素待在一行
    2、不可以设置宽高
    
    常见的行级标签:<a>、<span> 、<u>、<em>、<i>
    
    三、行内块标签
    1、能和其他元素待在一行
    2、能设置宽高
    
    常见的行内块标签:<img>、<input>、<textarea>、<select> 、<option>
    
    
    
    
    
    展开全文
  • 比如会一种情况,给p标签水平居中作用,但是给font加水平居中属性就没作用(如下): XML/HTML Code复制内容到剪贴板 p{ color:red; text-align:center;}<BR>font{color:red; text-align:center;}  XML/...
  • 行内元素和其他元素都在一行上,高度、行高、内边距和外边距都不可改变。宽度是它文字或者图片的宽度,也是不可改变的。行内元素只能容纳文本或者其他行内元素。之前文章中讲到的a,img,br是行内元素。块级(block)...

    HTML行内元素(inlineelement)的特点:

    行内元素也叫内联元素或者内嵌元素。行内元素和其他元素都在一行上,高度、行高、内边距和外边距都不可改变。宽度是它文字或者图片的宽度,也是不可改变的。行内元素只能容纳文本或者其他行内元素。

    之前文章中讲到的a,img,br是行内元素。

    块级(block)元素的特点:

    ①总是在新行上开始;

    ②高度,行高以及外边距和内边距都可控制;

    ③宽度缺省是它的容器的100%,除非设定一个宽度;

    ④它可以容纳内联元素和其他块元素。

    内联(inline)元素的特点:

    ①和其他元素都在一行上;

    ②高,行高及外边距和内边距不可改变;

    ③宽度就是它的文字或图片的宽度,不可改变;

    ④内联元素只能容纳文本或者其他内联元素。

    关于行内元素和块状元素的说明:

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子;与之相反,像“span”“a”这样的行内元素,则没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。

    行内、块状元素区别:

    (1).块级元素会独占一行,其宽度自动填满其父元素宽度

    行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化

    (2).一般情况下,块级元素可以设置width,height属性,行内元素设置width,height无效

    (注意:块级元素即使设置了宽度,仍然是独占一行的)

    (3).块级元素可以设置margin和padding.行内元素的水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。(水平方向有效,竖直方向无效)

    行元素和块元素分别有哪些:

    块元素(blockelement)

    address-地址

    blockquote-块引用

    center-举中对齐块

    dir-目录列表

    div-常用块级容易,也是csslayout的主要标签

    dl-定义列表

    fieldset-form控制组

    form-交互表单

    h1-大标题

    h2-副标题

    h3-3级标题

    h4-4级标题

    h5-5级标题

    h6-6级标题

    hr-水平分隔线

    menu-菜单列表

    noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容

    noscript-可选脚本内容(对于不支持script的浏览器显示此内容)

    ol-排序表单

    p-段落

    pre-格式化文本

    able-表格

    ul-非排序列表

    内联元素(inlineelement)(行内元素)

    a-锚点

    abbr-缩写

    acronym-首字

    b-粗体(不推荐)

    big-大字体

    br-换行

    cite-引用

    code-计算机代码(在引用源码的时候需要)

    dfn-定义字段

    em-强调

    font-字体设定(不推荐)

    i-斜体

    img-图片

    input-输入框

    kbd-定义键盘文本

    label-表格标签

    q-短引用

    s-中划线(不推荐)

    samp-定义范例计算机代码

    select-项目选择

    small-小字体文本

    span-常用内联容器,定义文本内区块

    strike-中划线

    strong-粗体强调

    sub-下标

    sup-上标

    textarea-多行文本输入框

    tt-电传文本

    u-下划线

    var-定义变量

    df39752d8d70a9b2fc1d72e7a19b6b98.png

    c06b2d8f3eec696ca1e2e62a4e253865.png

    本文转载自中文网

    展开全文
  • 块标签   1.每一个快属性标签都是从新的一行开始,而且之后的元素也都会从新的一行开始  (因为每一个块属性标签都会直接占据一整行的内容,导致下面的内容也只能从新的一行开始)   2.块属性标签都...
  • 块级标签、行内标签、行内块标签块级标签、行内标签、行内块标签一、块级标签二、行内元素三、行内块标签四、三种标签属性转换 块级标签、行内标签、行内块标签 你好! 这是你第一次使用 Markdown编辑器 所展示的...
  • 块级标签,行内标签,行内块标签

    千次阅读 2020-10-13 15:57:40
    块级标签,行内标签,行内块标签概况三者转换规则行内元素块标签行内块标签嵌套规则 概况 块级元素:独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽; 行内元素:可以多...
  • 这次给大家带来html块级标签,行内标签,行内块标签的显示模式有哪些,使用html块级标签,行内标签,行内块标签显示模式的注意事项有哪些,下面就是实战案例,一起来看一下。今天讲课的时候,讲到了html中的标签的显示...
  • 行内标签 块级标签 行内块级标签 可以通过效果看一下: 下图我们可以看到,span等标签都在一行,当超过浏览器宽度时,会自动换行。但是p标签独占一行 当我们为元素设置宽度和高度,这里为span,img,p设置,会...
  • 行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;行内标签:包含a、span、em、strong、b、i、u、label、br; 特点:可以多个标签存在一行,不能直接..
  • 行内标签也可叫行内元素、内联元素、内嵌元素 块级标签也可叫块级元素 块级标签 特点:独占一行,对高度、宽度、行高以及顶(margin-top)和底边距(margin-bottom)都可设置的属性值生效;如果不给宽度,块级元素就...
  • 其中还有一种结合两种模式有点的显示模式:行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;行内标签:包含a、span、em、strong、b、i、u、label、br;特点:可以多个...
  • 行内块元素及其特点

    千次阅读 2020-11-30 14:55:19
    常见的行内块标签 img, input, textarea 行内块状元素特点: 行内块状元素综合了行内元素和块状元素的特性,但是各取舍。因此行内块状元素在日常的使用中,由于其特性,使用的次数也比较多。 行内块状元素特征: ...
  • 行内标签与块状标签

    2021-12-08 22:26:01
    行内标签与块状标签 行内标签: 1.在一行,不能换行(一行展示不下才自动跳到下一行) 2. 进行细节处理 3. 例如:图像(),范围(),换行(),超链接() 块状标签 1.占据一行,换行 2.搭建结构 3.例如:标题(~),段落(),...
  • HTML中块级标签,行内标签和行内块标签 html标签分为块级标签,行内标签和行内块标签 . (1)块级元素:独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽; (2)行内元素...
  • 行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;行内标签:包含a、span、em、strong、b、i、u、label、br; 特点:可以多个标签存在一行,不能直接..
  • 块级标签 特点:独占一行,对高度、宽度、行高以及顶和底边距都可设置的属性值生效; 如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽; 典型的块级标签有:<...典型的行内标签有:<span>,&l
  • HTML块标签行内标签

    2022-01-23 13:11:55
    大家好,分享一下HTML块标签行内标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行内外元素</title> </head> <body> <!--...
  • 一、块级标签div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、preHTML5:header、section、article、footer等块级元素独占一行,当没有设置宽高时,它默认...
  • 标签的作用: 1....块标签的特点 <h3>块标签的特点</h3> <ol> <li>代表性标签:div,main,header,h2,ol,ul,li...</li> <li>默认的宽度是占据父标签内容的...
  • 文章目录一、html元素分类二、块元素三、行内元素四、行内块元素五、替换元素和非替换元素六、元素转换 一、html元素分类 html元素:行内元素、块元素、行内块元素 二、块元素 常见的块级元素:< h1 >~<...
  • 块状标签行内标签

    2021-12-08 20:54:18
    行内标签:多个元素在同一行,写满一行才开始下一行。 (图像)<img> (范围)<span> (换行)<br/>等行内元素 区别 块状元素 可以包含行内元素和块状元素,而行内元素不能包含块状元素,只能...
  • css块级标签,行内标签,行内块标签的转换(2)

    万次阅读 多人点赞 2017-01-19 10:24:46
    css块级标签,行内标签,行内块标签的转换 版权声明 本文原创作者:雨点的名字作者博客地址:https://home.cnblogs.com/u/qdhxhz/  在基础1中,我详细讲了css的常见属性,几种不同的选择器,在此基础之上我们来...
  • 今天小编跟大家讲解下有关浅谈html标签的显示模式(块级标签,行内标签,行内块标签) ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关浅谈html标签的显示模式(块级标签,行内标签,行内块标签) 的相关资料,...
  • 块级元素:独占一行,对宽高的属性值生效...行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;行内标签:包含a、span、em、strong、b、i、u、label、br; 特点:可以多
  • 一、行标签inline ...a标签表示超链接,在网页中链接其他的地址,他两个属性,href、target herf超链接的跳转地址,target四个值:默认为_self,指在当前页面打开链接内容,_blank指在新的窗口

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,250
精华内容 18,100
关键字:

行内块标签有哪些