查看: 456|回复: 0

[DIV/CSS] HTML5基础

发表于 2018-4-6 08:00:00

指定网页标题和元标记符:
需放在标签内。

标记符作用:
定义网页关键字。可将用户重定向到另一页。
可指定字符编码。

例如:
重定向:
例如:
在部分加入:

只换行,不开始新的段落,使用单标记符

xhtml代码: 单标记符要以一个空格和一个斜杠(/)结尾。

用标记符来格式化文本
标题标记符:

定义标题(由大到小)

HTML5引入新标记符:

有多个子标题,可用该标记符集合。

应用粗体和斜体格式:
粗体和斜体用标记符表示。要格式化的内容包含在中间。
同时使用两种格式:
嵌套: 内容
如果用开始,就要用结束。

上标的标记符是; 下标的标记符是.

应用上标和下标格式:
上标格式使文字变小并把它提到基线以上。
上标用于数学公式中的指数格式。

下标格式使文字变小并把它放到基线以下。下标常用于化学公式。

使用固定宽度和预格式化文字:
固定宽度的标记符:
指定用户应该从键盘输入的内容。
用于程序代码。
用于显示例子的文本。

标记符: 预格式化,用固定宽度显示文字,保留浏览器忽略的空格和换行符。

格式化分段引文: 设置引用.

标记符可以缩进文字和引文。
标记符有一个 cite="URL"属性。
格式:

内容



标记符,用于内联引用格式化。用途:在所封装的引用文字加引号。

编号列表:

    , 顺序列表(ordered list)
    项目符号列表:
      无序列表。(unordered list)
      每一个数字或项目符号列表中的项目由
    • 定义。列表项目(list item)。

      用起始标记符

          开始一个列表。
        • 标记符来封装列表中的每一项。
          最后用结束标记符
    来结束列表。

    嵌套列表:
    可以将一个列表嵌套在另一个列表中。

    更改项目符号或数字符号
    项目符号和编号列表可使用一个list-style-type:type属性来设置其样式。
    基于样式的属性。
    常用的list style Type属性值
    列表样式 值 结果
    项目符号列表 disc 实心圆
    circle 空心圆
    square 实心方块

    编号列表 decimal 1,2,3,4
    decimal-leading-zero 01,02,03,04,
    lower-roman i,ii,iii,iv
    upper-roman I,II,III,IV
    lower-alpha a,b,c,d
    upper-alpha A,B,C,D

    应用这个属性时,将它放在起始标记符

        中。
        方法:

          指定编号列表的起始数字:
          可以使用

            标记符中的start="n"这个属性,n代表起始数字。

            只更改一个单独的列表项的数字:
            可以用单个列表项标记符

          1. 的value="n" 属性。

            创建定义列表(definition list):
            是展示词汇及其定义的列表。
            完整的列表是包含在

            标记符中的。
            定义词汇包含在
            (definition term)标记符中。
            定义文字包含在
            (definition description)标记符中。
            格式:

            词汇

            内容

            插入特殊字符:
            & &(和号)
            < <(小于号)

            1. &gt;(大于号)
            复制代码

            非换行空格
            ¢ 分
            £ 英镑
            ¥ 元
            ? 版权符号
            ? 注册商标
            ° 度
            ? ×××
            ? 商标
            ± 加或减号

            插入水平线


            单向标识符。
            可以把网页中的文字分成不同的区域。
            可已只通过在
            标记符的style="attributes"属性中直接设置外表样式。
            可以设置的属性有颜色(color),背景颜色(background-color),宽度(width)和高度(height).

            HTML识别下列16种基本颜色:
            Aqua(水绿色), Black(黑), Blue(蓝), Fuchsia(紫红色),
            Gray(灰),Green(绿), Lime(石灰), Maroon(栗色),
            Navy(海蓝),Olive(橄榄绿), purple(紫), Red(红)
            Silver(银), Teal(蓝绿色), White(白), Yellow(黄)

            选择背景颜色和前景颜色:

            背景颜色的应用:
            是网页背景颜色。



            这三种背景颜色都是×××,选一种即可。

            前景颜色的应用:
            是网页字体颜色。用属性 style="color:color"来设置。
            同时设置背景颜色和前景颜色:
            例如:

            指定颜色:
            第1种方式: 使用RGB(红-绿-蓝)值。用一系列0到255的数字来描述颜色。
            第2种方式: 使用十六进制数字。十六进制数字也代表RGB值。
            第3种方式:表示颜色的方法是使用扩展名称。

            背景颜色的应用:
            为整个网页指定背景颜色,在起始标记符中插入style="background-color:color"属性。
            属性值可以使用颜色名称(yellow),RGB值或十六进制数值。
            例如:

            前景颜色的应用:
            用属性style="color:color"来设置前景颜色。
            例如:

            例如:

            指定背景图片文件:
            在起始标记符中使用style="background-image:url(image)"属性。

            要想将背景图片,背景颜色和前景颜色放入同一个属性中,使用:

            强制指定图片的重复性:
            中的background-repeat=属性,并指定repeat-x(在水平方向重复),repeat-y(在垂直方向重复),
            或no-repeat(不重复).

            强制图片固定不动:
            在标记符中加上background-attachment=fixed属性。

            创建超文本链接和锚:
            超文本链接语法:
            标记符开始,用href=属性来规定URL或目标路径。结束标记符是

            使用部分路径和文件名:
            服务器会显示默认页。默认页名字:index和default.

            使用相对路径和绝对路径:
            绝对路径:带有完整网页地址的路径。

            设置目标窗口:
            要让超文本链接在一个新的窗口中打开网页,在标记符中加target="_blank"属性。
            例如:
            yuan shi shuai

            超文本链接到一个e-mail地址:
            例如:
            e-mail
            要想给email加上默认标题,在email地址后面加上一个subject=属性。

            另一个选项title=,是用来设置超文本链接的屏幕提示。

            创建并超文本链接到锚:
            可用锚的名称来定义文档中的特定位置,然后直接通过超文本链接到这个锚。

            定义一个锚,在目标文字的附近创建一个标记符并且加入name=属性。

            要指向锚所在的位置,在href=属性中加入它的名字,在锚名称前加上一个#号。

            如果锚和超文本链接不在同一文件内,必须加上锚所在文件的名称。

            如果文档不是在同一文件夹下,必须用绝对路径或相对路径来引用。

            参考HTML5从入门到精通,本博文为个人总结。仅供参考。



回复

使用道具 举报