• Html5学习1(Html属性、Html CSS:)


    Html属性

    1.Html要求使用小写属性。

    Html标题

    1.确保将Html标题标签只用于标题。不要仅仅为了生成粗体或大号的文本而使用标题。

    2.<hr>标签在Html页面中创建水平线,水平线的默认属性为<style=”height:0px;border:1px;margin-top:8px; margin-bottom:8px”>,margin属性和border属性可以更改。

    Html段落

    1.<p></p>段落标签,即使忘记加结束标签,大部分浏览器也会正确显示。

    Html文本格式化

    1.文字的上标:<sub></sub>和下标:<sup></sup>,把要写成上标或者下标的文字放在开始标签和结束标签之间。

    2.文本放大:<big></big>。文本缩小:<small></small>。

    3.控制空格:<pre></pre>此标签内的内容可以识别空格,输入几个空格在网页上就会显示出几个空格。

    4.“计算机输出”标签:<code></code>、<kbd></kbd>、<tt></tt>、<samp></samp>、<var></var>这些标签常用语显示计算机/变成代码。

    5.地址标签:<address></ address>

    6.缩写和首字母缩写:<abbr> </abbr>、<acronym></acronym>。

    示例:<abbr title="etcetera">etc.</abbr>

    网页上显示etc.,鼠标放上之后显示etcetera

    <acronym title="World Wide Web">WWW</acronym>

    网页上显示WWW,鼠标放上之后显示World Wide Web

    7.文字方向:<bdo dir="rtl"></bdo>

    示例:<bdo dir="rtl">该段落文字从右到左显示。</bdo>

    网页上显示内容为:。示显左到右从字文落段该

    8.块引用:<q></q>

    示例:<p>WWF's goal is to:

    <q>Build a future where people live in harmony with nature.</q>

    We hope they succeed.</p>

    网页上显示为:WWF's goal is to:”Build a future where people live in harmony with nature.”We hope they succeed.

    9.删除文字效果个插入文字效果:<del> </del>、<ins> </ins>,删除的字和添加的字分别放在标签之间。删除的字中间会出现删除线

    Html CSS:

    1.超链接去掉下划线:text-decoration:none

    2.外部样式表:<link rel="stylesheet" type="text/css" href="styles.css">

    3.如何适应CSS

    (1)内联样式:在Html中使用style属性;

    (2)内部样式表:在Html文档头部head区域使用<style>样式;

    (3)外部引用:使用外部CSS文件;

    4.插入图片:插入动态图和插入静态图的方法是一样的。

    5. alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

    6.排列图片<p><img src="smiley.gif" alt="Smiley face" align="middle" width="32" height="32">这是一些文本。</p>

    默认对齐的图像align="bottom",意思就是当一行中有文字和图片时,文字的底部和图片的底部对齐。align属性还有middle和top。

    7.浮动图像

    图像浮动在段落的左侧还是右侧,用float就可以。

    8.创建图像映射:创建带有可供点击区域的图像地图,其中的每一个区域都是一个超链接。

    代码未看懂

  • 相关阅读:
    NOIP2014D2T2寻找道路(Spfa)
    【割点】【割边】tarjan
    NOIP2013D1T3货车运输(最大生成树+倍增lca)
    lca最近公共祖先(模板)
    人生第一次hash
    【模板】Tarjan求强连通分量
    【模板】链式前向星+spfa
    二叉树的三种遍历
    hdu 3549 最大流
    hdu 1532&&poj1273 基础最大流
  • 原文地址:https://www.cnblogs.com/Strive-count/p/6016270.html
Copyright © 2020-2023  润新知