• HTML自学之旅(六)块


    <html>
    <body>
    <h4>块元素block level element</h4>
    <p>大多数 HTML 元素被定义为块级元素或内联元素。<br />
    块级元素在浏览器显示时,通常会以新行来开始(和结束)。
    例子:h1, p, ul, table </p>
    
    <h4>内联元素inline element</h4>
    <p>内联元素在显示时通常不会以新行开始。
    例子:b,td, a, img <br />
    注意:这里的b标签含义是粗体。。。</p>
    
    <h4>div元素</h4>
    <p>HTML div 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
    div 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
    如果与 CSS 一同使用,div 元素可用于对大的内容块设置样式属性。
    div元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。</p>
    <p>来看个例子:</p>
    <div style="color:red">
        <h3>This is a header</h3>
        <p>This is a paragraph.</p>
    </div>
    
    <div class="news">
        <h3>News Header 1</h3>
        <p>some text.text.text....</p>
    </div>
    
    <div class="news">
        <h2>News Header 2</h2>
        <p>some text.text.text....</p>
    </div>
    <h4>span元素</h4>
    <p>span元素是内联元素,可用作文本的容器,钙元素没有特定的含义。当与CSS一同使用时,span元素可用于部分文本设置样式属性。</p>
    <p>看个例子?</p>
    <p>看个<span>例子</span></p>
    <p>从上例可以看出,如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。因此需要加入CSS样式哈</p>
    <p class="tip"><span>提示:</span>... ... ...</p>
    <p>CSS:
    p.tip span {
        font-weight:bold;
        color:#ff9955;
        }</p>
    <p>这个例子还是没有看到效果哈,因为CSS不会搞。。。后面再详细看</p>
    
    
    </body>
    </html>
  • 相关阅读:
    作业1
    113
    112
    工作量统计
    测试大纲
    2019-2020-2 20175335丹增罗布《网络对抗技术》Exp8 Web基础
    2019-2020-2 20175335丹增罗布 《网络对抗技术》Exp7 网络欺诈防范
    2019-2020-2 20175335丹增罗布 《网络对抗技术》Exp6 MSF基础应用
    2019-2020-2 20175335 丹增罗布 《网络对抗技术》Exp5 信息搜集与漏洞扫描
    2019-2020-2 20175335 丹增罗布《网络对抗技术》Exp4 恶意代码分析
  • 原文地址:https://www.cnblogs.com/lx09110718/p/2839590.html
Copyright © 2020-2023  润新知