HTML5-块元素标签的使用



<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>块元素</title>
    <link rel="stylesheet" type="text/css" href="mycss.css">
    <!-- rel="stylesheet" type="text/css" href="mycss.css":指向外部样式表,类型,路径-->
    <style type="text/css">
        span{
            color: aqua;
        }
    </style>
    <!-- <span>:是一个文本容器-->
</head>
<body>
    <!-- 块-->
    <p>大家好!</p>
    <h1>块元素,以新行开始。</h1>
    <b>这是一个加重的标签</b>
    <a>内链标签</a>
    <div id="divid">
        <p>Hello jikexueyuan</p>
        <a>this is web page</a>
    </div>
    <div>
        <p><span>这是一个span的测试效果</span>标签外效果</p>
    </div>
</body>
</html>
CSS代码:mycss.css

#divid p{
    color:blueviolet ;
}

 
时间: 04-04

HTML5-块元素标签的使用的相关文章

HTML5块元素标签的使用

<!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></title>     <link rel="stylesheet" type="text/css" href="mycss.css">     <style t

4.2 HTML5块元素标签的使用

1.HTML块元素块元素显示时,会以新行的形式显示.如:<h1><p><ul>(标题.段落.列表) 2.HTML内联元素内联元素显示时,不会以新行的形式显示.如:<b><a><img>(加重标签.超链接.图像) <div>元素是块元素,是各种元素的容器,其主要作用是用于样式的设计(为<div>标签指明id属性后,通过id属性进行样式的设计).(div在文档中定义一个节)<span>元素是内联元素,是

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

[HTML5]块和内联元素的嵌套

块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素. <!-- 无效代码! :-( --> <strong> <p>你不应该把p元素放在 "strong" 标签中.</p> </strong> strong:内联元素. p:块元素. 虽然html(超文本标记语言)规范是这么约定的,但实际这样是有效的,可以被浏览器解析. a标签,链接是唯一的例外,它是内联元素,也可以嵌套块元素,但要注意不要a标签嵌套a标签,这样的代码

HTML5语义化标签

一.什么是语义化标签?1.那么什么叫做语义化呢?说的通俗点就是:就是给div起个外号,比如,网页上的文章的标题就可以叫他标题,网页上的各个文章,就可以叫他文章. 2.为啥使用语义化标签?(1). 更容易被搜索引擎收录.(2). 更容易让屏幕阅读器读出网页内容.(3). 能够更好的体现页面的主题.(4).兼容性更好,支持更多的网络设备.二.常见语义化标签 头部--header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏

html5部分新增标签

<!--html5部分新增标签--> 结构标签结构性标签(construct tag)主要负责Web的上下文结构的定义,确保 HTML文档的完整性,这类标签包括以下几个.section.用于表达书的一部分或一章,或者一章内的一节.在Web页面应用中,该标签也可以用于区域的章节表述.hgroup 对网页或区段(section)的标题进行组合:.header.页面主体上的头部,注意区别于head标签.这里可以给初学者提供一个判断的小技巧:head标签中的内容往往是不可见的,而header标签往往在

来吧,HTML5之基础标签(上)

什么是html5 HTML 5 是下一代的 HTML.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 学习过程中标签的理解 <a>标签  定义超链接,也就是锚.导航到某个网址或文件,应用其中的href属性.链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性). 在 HTML 4.01 中,<a> 标签可以是超链接或锚.在 HTML5 中,<a> 标签始终是超链接,但是如果未设置 href 属性,则只是超链

html5常用基本标签

一.Html的基本结构: <!DOCTYPE html> <html> <head> <meta  charset=utf-8"> <title></title> </head> <body> 网页的文本.图片等信息: </body> </html> 二.Head部分:用于表示网页的元数据即描述网页的基本信息 其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2

HTML5 &lt;ruby&gt;注释标签

今天学了HTML5的ruby标签,觉得挺有趣的,来记录一下. ruby可以作注释标签,内部有rp和rt标签. <ruby>  标记定义注释或音标. <rp>    告诉那些不支持ruby元素的浏览器该如何显示. <rt>      标记定义对ruby注释的内容文本. 学完这个标签的第一反应就是,我有方法给那些不会读的日语单词做假名注释啦!!! 代码如下,来给一句日语做个小注释: <!DOCTYPE html> <html lang="en&q

html5语义化标签使用规范

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排 一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏nav. <header> <h1>html5语义化标签</h1> <nav> <h1>导航</h1> <ul> <li>章节标签</li> <li>标