zoukankan      html  css  js  c++  java
  • 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.创建图像映射:创建带有可供点击区域的图像地图,其中的每一个区域都是一个超链接。

    代码未看懂

  • 相关阅读:
    团队项目-第一阶段冲刺7
    团队项目-第一阶段冲刺6
    Spring Boot 揭秘与实战(七) 实用技术篇
    Spring Boot 揭秘与实战(七) 实用技术篇
    Spring Boot 揭秘与实战(六) 消息队列篇
    Spring Boot 揭秘与实战(五) 服务器篇
    Spring Boot 揭秘与实战(五) 服务器篇
    Spring Boot 揭秘与实战(五) 服务器篇
    Spring Boot 揭秘与实战(五) 服务器篇
    Spring Boot 揭秘与实战(四) 配置文件篇
  • 原文地址:https://www.cnblogs.com/Strive-count/p/6016270.html
Copyright © 2011-2022 走看看