zoukankan      html  css  js  c++  java
  • 2017.9.12 初入HTML -----学习总结(二)

    接上:。。。。。

    (4)标记可分为:

      4.1单标记:(单标记仅单独使用就可以表达完整的意思)

        基本语法:<标记名称/>          

         例如:<br/>实现换行的功能、<hr/>实现绘制水平直线

      4.2 双标记:(由“首标记”和“尾标记”构成,成对使用)

        基本语法:<标记名称>内容</标记名称>

          例如:<b>计算机</b>表示在现实的时候“计算机”是以黑体出现  

              ps:双标记是必须成对的出现

    (5)标记的属性:通过标记来命令浏览器按怎样的格式或者形式来输出呈现给我们的一种用户体验。

       基本语法:<标记名称 属性名1=“属性值” 属性名2=“属性值”..... 属性名n=“属性值”>  

         注意:标记名称跟属性名之间用空格隔开

    例如:<hr size(大小)="5px" align(对齐)="center" color(颜色)="blue" width(宽度)="80%">

     解释含义:在页面上绘制一条粗细为5px的蓝色直线,直线在页面居中,宽度占页面的80%。

        属性值一般用""括起来,且必须使用英文双引号。

              

    (6)注释标记格式:(注释标记用于在HTML源码中插入注释,一般,注释会被浏览器忽略)

            <!--注释内容-->

     

    2.1.2 HTML基本标记与使用

    (1)网页基本结构控制标记

      1-1 <html> </html>:

        用来标记这是html文档 <html>放在开头表示文档开始,</html>放在结尾表示文档结束.

      1-2 <head>内容</head>:

        标签内的“内容”是文档的头部信息,说明文档的基本情况,如文档的标题等,

        其内容不会出现在页面的内容中。在此标签之间可以用<title></title> ,<script></script>.

      1-3 <body>内容</body>:

        这个标签内的“内容”是html文档的主体部分,它可包含显示信息及其控制信息显示的各种标签,

     Such as:<p> </p>,<h1></h1>,<hr><br/>等标签,他们所定义的文本、图像将会在网页中显示出来。

    (2)<body>常用属性:

       bgcolor——设置背景颜色  Such as:<body bgcolor="red">  设置红色背景

       text——设置文本颜色    Such as:<body text=“#00000ff”> 设置蓝色文本

     组合之后的<body bgcolor="red" text=“#00000ff”>

    (3)文本与段落标记:

       各种标签可以嵌套,但是不可以交叉(p align="center" <b><font size="3">静夜思</b></p>.)

           (有没有人可以解答一下什么是交叉,上面的语法错在哪里)

      3-1:<h#> </#h>:     

        标题标记,#=123456,定义了6级标题,每级标题的字体大小依次递减,

        属性align设定对齐方式:center(居中),left(左对齐,默认),right(右对齐)

       3-2:<b> </b>:     

        黑体标记

       3-3:<i> </i>:     

        斜体标记

       3-4:<strong> </strong>:

        加重文本标记(通常是斜体加黑体)

       3-5:<font> </font>:   

        字体标记:size属性,设置字体大小,取值1~7;

             color属性,设计字体颜色,使用名字常量或RGB的十六进制值,

             face属性,设计字体字型,例如:“宋体”“楷体”

       3-6:<p></p>:    

        段落标记:属性align指定对齐方式

       3-7:<hr/>  

        水平分隔线标记:属性width设置线的长度(单位像素),size设置线的粗细(单位像素)

                color设置线的颜色,align设置对齐方式.

       3-8:<br/>    

        插入一个回车换行

       

  • 相关阅读:
    excel 2003系列
    DataTab转换XML XML转换DataTable 的类[转]
    全角转半角与半角转全角
    Day2
    Day6 && Day7图论
    Day1
    Android为何以及如何保存Fragment实例
    Android应用的本地化及知识拓展之配置修饰符
    Leetcode NO.136 Single Number 只出现一次的数字
    经典排序算法(四) —— Quick Sort 快速排序
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7512868.html
Copyright © 2011-2022 走看看