现在的位置: 首页 > 综合 > 正文

网络编程前台基础之HTML

2018年01月25日 ⁄ 综合 ⁄ 共 1468字 ⁄ 字号 评论关闭

计划任务:HTML要求的注重熟悉了解,不求精通,熟悉使用,做个简单的静态网页结业。

开始学习:


HTML超文本标记语言,Hyper Text Markup Language。

首先来了解该语言整体的特性:

HTML是用于描述网页文档的一种标记语言。这里注意是描述性的语言,所以接下来我们了解它描述的网页的结构即HTML文档结构。

HTML使用成对的标记方式来编写文件,每个标记可能有多个属性,标记之间就是要显示的内容。

HTML大小写不敏感,但是W3C推荐使用小写。


接下来了解HTML文档的结构。

首先它有个标记<html>....</html>,该标记用来标记HTML文件的开始和结束。

接下来介绍HTML文件的内容结构。

<head>...</head>表示的是HTML的头部;

<body>...</body>表示的是HTML的主体部分,这部分包含了HTML文件显示的所有内容和显示格式。

<head>标记主要包括整个页面的基本描述语句。

几个重要的标记是:

<title>它用来设置网页的标题,<style>用来定义CSS样式,<meta>标记用于设置字符的编码格式。

关于<meta>的用法可以参考百度百科里meta的介绍。


<body>标记放置了整个HTML文档的主体部分,有许多内置属性,标准属性、可选属性、事件属性,这里没有详细看,是不是用到的比较少,以后遇到再补充。


下面重点介绍body里怎么编写:


首先是介绍文字的内容,普通文字、空格符号、特殊符号。

普通文字就不介绍了。

空格符号的表示用 &nbsp;表示多个空格多次显示。正常来讲空格需要这样表示,但是有些情况比如文字之间的空格,也会显示成空格,是浏览器无法解析自己补上的尽量按照语法来写。

特殊符号的表示用开头是&,结尾是;中间是某些代码表示,包括空格&nbsp;也是这样表示的。例如“,用&quot;表示。


接下来是字体标记<font>,介绍了文字怎么表示,再介绍这些字体的各种表示,比如颜色大小等。front的属性规定了这些大小颜色等,font里面填入要表现的文字。格式如:<font size = '"6">中国</font>。


然后是字体标题标记<h>,从<h1>到<h6>,每级标题文字的字体大小依次递减。每个标题所标识的文字将独占一行并且上下均留一行空白,所以字体标题不仅仅是放大了字体那么简单。


两外还有一些文字风格标识,来满足更高的要求,比如表示地址、E-mail、电话之类的用<address>,保留编辑时的空格,回车,制表符等的<pre>预格式化标记,表示数字的<sub>和<sup>标记,显示下标或者上标(下标是b,上标是p)。


接下来介绍段落控制标记,文字内容需要有规则的组织在一起。


段落控制标记包括<p>、<br>、<nobr>、<hr>、<comment>和<!-- -->等。

<p>表示段落标记,paragraph段落。属性align可实现段落在水平方向上的左、中、右对齐方式。

<br>表示换行标记,barter rabbet换行。没有属性设置,并且没有结束标记,<img>标记也没有结束标记。

<hr>表示水平线标记,可以在文档中插入一条水平线。属性align设置水平线的对齐方式;color定义水平线的颜色;默认情况下水平线呈现的是空心立体的效果,通过noshade属性将其定义为实心且不带阴影的水平线;width和size分别定义水平线的宽度和高度。

<comment>和<!-- -->是注释标记。


列表标记使得页面内容的逻辑清晰,便于阅读。

--------完成于2013/3/19 23:36

【上篇】
【下篇】

抱歉!评论已关闭.