理以周
理以周

HTML5学习笔记（五）

1、引用大作战：

1.1 实现简短行内引用：q元素，浏览器显示为双引号

image.png

1.2 实现一大段引用：blockquote元素，用cite表示引用的来源，采用缩进的方式进行区分

image.png

HTML主要管理结果语义，样式主要css管，实现语义与呈现分离。

1.3 cite元素：定义作品的标题,变成斜体

王小波先生语录
image.png

1.4 abbr元素：用于定义简称、缩写，配合全局属性，可以指定title缩写所代表的完整含义

image.png

1.5 dfn元素：表现定义中的术语（技术名词）

HTML是一门用于创建网页的超文本标记语言。
image.png

1.6 address元素：定义文档或文章的作者的联系信息（如地址、qq等等）


        联系我们

        邮箱：[email protected]

        旺旺：dingdingjiayu

        微信：fishc_studio（公众号）
image.png

1.7 “魑魅魍魉”，如果网页上出现生僻字，如何给其注音：ruby、rt（用来标记注音符号）、rp（标记当浏览器不支持ruby元素时所显示的内容）元素，三个搭配使用

    魑(chī)
    魅(meì)
    魍(wǎng)
    魉(liǎng)
image.png

1.8 bdo元素：怀古“从右到左”

  • Itr = left to right;

  • rtl = right to left;


    image.png

2、格式化大比拼：

2.1 strong元素（使文本加粗以强调,表示重要）和b元素（变粗，无语义）

See the pyramids around the Nile. 看着尼罗河畔的金字塔

    
watch the sunrise from a tropic isle. 注视着热带岛屿的日出

    
just remember darling all the while. 回忆着自己最心爱的人

    
you belong to me.你属于我

    
See the marketplace in old Angier. 注视着在老安吉尔的市场

    
send me photographs and souvenirs. 递送着我的照片和纪念品

    
just remember when a dream appears. 回忆着梦里所展现的一切

    
you belong to me.你属于我

    
And I'll be so alone without you. 没有你在身边我很孤单

    
maybe you'll be lonesome too. 也许你也和我一样寂寞

    
Fly the ocean in a silver plane. 乘着银色飞机飞跃海洋

    
See the jungle when it's wet with rain. 望着正是雨季时的丛林

    
Just remember till you're home again. 回忆着一切只到你归来

    
You belong to me. 你属于我
image.png

2.2 em元素（表示强调的语义，通常以斜体形式出现）和i元素（无语义）：

image.png
  • 使用css代替b和i元素：没有无缘无故的加粗，也没有无缘无故的倾斜；



    格式化大比拼演示