文档章节

HTML(三)

天宇逍遥heart
 天宇逍遥heart
发布于 2016/09/14 17:42
字数 274
阅读 6
收藏 0
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>常用的标签属性</title>
    </head>
    <body>

        <!-- 1. id 标识属性
        尽量保持id值的唯一性
        -->
        <p id="main">好雨知时节,当春乃发生</p>

        <!-- 2. 类别 class
        一个标签可以有多个类别  类别值之间用空格隔开
        一个类别可以用于多个标签
        -->
        <p class="tag test">随风潜入夜,润物细无声</p>
        <p class="test">江上往来人,但爱鲈鱼美</p>

        <!-- 3.name 名称-->
        <p name="index">君看一叶舟,出没风波里</p>

        <!-- 4.title  鼠标悬浮时显示的提示-->
        <p title="鼠标悬浮时显示的提示">横看成岭侧成峰,远近高低各不同</p>

        <!-- 5. alt 资源不存在的情况下的提示-->
        <img alt="图片不存在" src="https://ss0.bdstatic.com/5aV1bjqh/static/superman/img/logo/bd_logo1_31bdc765.png">

        <!-- 6. style CSS样式属性-->
        <p style="background-color: red; color: white">不识庐山真面目,只缘身在此山中</p>




    <!--************************************************* -->

        <!-- 1. 内嵌窗口-->
        <iframe width="500px" height="300px" src="form.html"></iframe>

        <!-- 2. 鼠标的样式 cursor-->
        <p style="cursor: zoom-in">采菊东篱下,悠然见南山。</p>

    </body>
</html>

 

© 著作权归作者所有

上一篇: HTML(四)
下一篇: HTML5(二)
天宇逍遥heart
粉丝 1
博文 12
码字总数 12795
作品 0
上海
私信 提问
PostgreSQL学习手册(目录)

事实上之前有很长一段时间都在纠结是否有必要好好学习它,但是始终都没有一个很好的理由说服自己。甚至是直到这个项目最终决定选用PostgreSQL时,我都没有真正意识到学习它的价值,当时只是想...

wangxuwei
2016/09/07
21
0
桃园三结义之HTML、CSS、JavaScript

需要解释一下,这篇文章不是讲核心技术的,我也只是刚刚接触,在这里只是跟大家一起认识一下HTML、CSS、JavaScript 牛腩新闻发布系统都快敲完了,系统中牛老师也对HTML、CSS、JavaScript做了...

邵鸿鑫
2014/09/05
0
0
页面布局详解(圣杯、双飞翼、弹性布局)

前言 圣杯布局和双飞翼布局是页面布局的常用布局方式。两者都是为了实现两侧宽度固定,中间宽度自适应的三栏布局,但两者在实现方式上有一定的差别,不过都遵循了以下要点: 两侧宽度固定,中...

SherrybabyOne
07/10
0
0
Flex 布局教程:实例篇

上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我...

阮一峰
2015/07/14
0
0
Flex 布局教程(实例)

你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 详细的语法解释请查阅《Flex布局教程(语法篇)》。主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的...

botkenni
2016/10/09
62
0

没有更多内容

加载失败,请刷新页面

加载更多

Experts say the weaker pound is drawing investors to the UK tech sector

UK tech companies secured a record £5.5bn in foreign investment in the first seven months of this year, research shows. This was more than the amount invested per capita in th......

wowloop
4分钟前
1
0
Add support for Android 9-patch images in BorderImage

The 9-patch image implementation in Qt Quick Controls 1 is an internal implementation detail of the Android style. It cannot handle .9.png image files out of the box, but takes ......

shzwork
9分钟前
2
0
c/c++日期时间处理函数小结

日期时间处理函数: 日期时间转为字符串 strftime/std::put_time 字符串解析成日期时间 strptime/std::get_time 时间结构转换:time_t->tm localtime:time_t->tm 时间结构转换:tm->time_t ...

chuqq
13分钟前
3
0
Apache Flink 进阶入门(二):Time 深度解析

前言 Flink 的 API 大体上可以划分为三个层次:处于最底层的 ProcessFunction、中间一层的 DataStream API 和最上层的 SQL/Table API,这三层中的每一层都非常依赖于时间属性。时间属性是流处...

大涛学长
14分钟前
2
0
创龙基于Xilinx Artix-7系列FPGA处理器

SOM-TLA7是一款由广州创龙基于Xilinx Artix-7系列FPGA自主研发的核心板,可配套广州创龙Artix-7开发板使用。核心板尺寸仅70mm*50mm,采用沉金无铅工艺的10层板设计,专业的PCB Layout保证信号...

Tronlong创龙
20分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部