接上:。。。。。

(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/>

    插入一个回车换行

   

2017.9.12 初入HTML -----学习总结(二)的更多相关文章

  1. 2017.9.11 初入HTML学习

          第二章 静态网页开发技术 静态网页是指可以由浏览器解释执行而生成的网页,HTML是一组标签,负责网页的基本表现形式: JavaScript是在客户端浏览器运行的语言,负责在客户端与用户的互 ...

  2. 初入计算机图形学(二):对bidirectional path tracing的一些困惑

    本人水平有限,若有错误也请指正~ 前文提及了光线追踪的一些常用手法,但是其中path tracing的实现最为简单,但是其最致命的一个缺点就是图像收敛速度很慢..原因在于从摄影机发射出的每一条光线若不 ...

  3. python最全学习资料:python基础进阶+人工智能+机器学习+神经网络(包括黑马程序员2017年12月python视频(百度云链接))

    首先用数据说话,看看资料大小,达到675G 承诺:真实资料.不加密,获取资料请加QQ:122317653 包含内容:1.python基础+进阶+应用项目实战 2.神经网络算法+python应用 3.人 ...

  4. Scala初入

    何为Scala物 Scala为基于JVM虚拟机中的面向对象与函数式编程思想并且完全兼容Java的混合编程语言,可以是Scala与Java是同根同源的,既然Scala与JAVA都是基于JVM之上的编程语 ...

  5. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  6. 0x00linux32位汇编初入--前期准备

    0x00汇编初入--前期准备 一.汇编工具 在linux平台下常用的编译器为as,连接器为ld,使用的文本编辑器为vim,汇编语法为att 以下是一些工具: addr2line 把地址转换为文件名和行 ...

  7. 初入职场的建议--摘自GameRes

    又开始一年一度的校招了,最近跑了几个学校演讲,发现很多话用短短的一堂职业规划课讲还远远不够,因为那堂课仅仅可能帮大家多思考怎样找到一份合适的工作,并没有提醒大家怎样在工作中发展自己的职业. 见过这么多 ...

  8. SuperMap iClient for JavaScript初入

    SuperMap iClient for JavaScript初入 介绍SuperMap for Js的简单使用. 推荐先看下这篇文档:SuperMap iClient for JavaScript ...

  9. 初入TensorFlow————配置TensorFlow

    能看到这说明你对python已经有一定的了解了,因此很多基础直接跳过. 一.TensorFlow环境配置: TensorFlow的环境配置在网上很多的教程都是用anaconda的方式,但是很容易出现冲 ...

随机推荐

  1. GreenPlum 大数据平台--基础使用(一)

    一,操作语法 01,创建数据库 --创建用户-- [gpadmin@greenplum01 ~]$ export PGDATABASE=testDB --指定数据库名字 [gpadmin@greenp ...

  2. Docker_network相关指令

    docker network create创建docker网卡docker network create -d overlay --ip-range=192.168.2.0/24 --gateway= ...

  3. 写些最近两个学安卓的笔记-关于Toast

    1.Toast可以在Activity和service里使用,在Service里使用时,Toast是显示在当前的Activity上. 2.Toast出现时,当前的Activity依然可见可交互. 3.T ...

  4. HRBUST 1909——理工门外的树——————【离线处理,差分前缀和】

    理工门外的树 Time Limit: 1000 MS Memory Limit: 32768 KB 64-bit integer IO format: %lld , %llu Java class n ...

  5. 项目视图 Project Browser

    项目视图 在这个视图,你可以访问.管理你当前项目资源. 项目视图左侧面板显示项目的文件夹结构的分层列表,当从列表中单击一个文件夹,其内容会显示在面板的右边.你可以点击小三角展开或折叠文件夹,显示他包含 ...

  6. 关于“System.Data.ProviderIncompatibleException”类型的异常

    作为刚学习MVC的菜鸟,因为平常的不努力学习.看书,所以只能参考官方的教程学习操作新手入门 一步一步认真的做,前天晚上出现了一个关于数据库连接字符串错误的问题,自己查了很多资料, 问了许多大神,他们的 ...

  7. jquery解析xml

    更多的项目都是在解析json,今天临时让解析几个xml文件,其实都一样,总结一下吧. 例如我们有这样一个xml文件 <?xml version="1.0" encoding= ...

  8. IDEA安装及破解永久版教程————鹏鹏

    ---恢复内容开始--- 首先我们先来介绍下什么是IDEA? IDEA 全称 IntelliJ IDEA,是java编程语言开发的集成环境.IntelliJ在业界被公认为最好的java开发工具之一,尤 ...

  9. Redis的Lists数据类型

    Lists 就是链表,相信略有数据结构知识的人都应该能理解其结构.使用Lists结构,我们可以轻松地实现最新消息排行等功能.Lists的另一个应用就是消息队列,可以利用Lists的PUSH操作,将任务 ...

  10. Stage3--Python控制流程及函数

    说在前面: Stage1-Stage4简单介绍一下Python语法,Stage5开始用python实现一些实际应用,语法的东西到处可以查看到,学习一门程序语言的最终目的是应用,而不是学习语法,语法本事 ...