接上：。。。。。

（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. oracle 备份恢复篇(四)---rman 单个数据文件

    一,环境背景

  2. Permanent data region free space insufficient to allocate 64792 bytes of memory

    TT0802: Database permanent space exhaustedTT6220: Permanent data region free space insufficient to a ...

  3. swpuctf-web部分学习总结

    1.用优惠码 买个 X ? (1)第一步: 这道题第一步主要知道利用php的随机种子数泄露以后就可以利用该种子数来预测序列,而在题目中会返回15位的优惠码,但是必须要24位的优惠码,因此要根据15位的 ...

  4. 使用ANY、Some或All关键字

    可以使用All或Any关键字修改引入子查询的比较运算符.Some是与Any等效的ISO标准,All要求Where表达式与子查询返回的每个值进行比较时都应满足比较条件,Any则要求Where表达式与子查 ...

  5. 两个command的疑惑

    1.在cqrs模式中有command和query command  命令  没有返回值,但会更改对象的状态 query 查询  有返回值  但不会改变用户的状态,对下同而言没有副作用 2.在今天的实际 ...

  6. python中的字符串 列表 字典

    字符串     一个有序的字符集合  不可变 1,可以使用for in语句进行迭代循环,返回元素    2,in类是于str.find()方法但是是返回布尔结果        str.find()返回 ...

  7. linux漏洞分析入门笔记-栈溢出

    ida7.0 ubuntu16.04 lts 0x00:环境配置 使用IDA远程调试Linux程序步骤如下: 1. 在进行远程调试之前需要对Linux平台进行一些准备工作.在IDA的安装目录中的dbg ...

  8. NGUI动态字体的使用

    LZ今年六月刚刚毕业,在学校跟着老师做Android,OpenGL ES方面的项目(说白了就是干苦力╮(╯_╰)╭).年后来SZ了,就业前景好像并没有电视上渲染的那样糟糕,至少IT行业是这样吧,只要你 ...

  9. matlab练习程序（生成黑白网格）

    提供了两种生成方法,一个是自己编程实现,比较灵活:另一个是调用系统的checkerboard函数,似乎只能生成8*8网格. 至于用途,也许可以用来下国际象棋. 自己函数生成: 系统函数生成: 代码如下 ...

  10. 栈帧示意图:stack pointer、frame pointer

    更多参考:http://www.embeddedrelated.com/usenet/embedded/show/31646-1.php 一: The calling convention descr ...