教女友学PHP之HTML②

来源：互联网发布：数控编程人员工资待遇编辑：程序博客网时间：2024/05/02 05:08

二、HTML基本概念

1. html开发工具选择

html网页开发其实很简单，使用windows系统自带的记事本就可以进行。
当然，也可以较为简单的编辑器，如sublime Text，edit plus，vim，frontpage，dreamweaver。
也可以使用集成的开发工具（IDE），如zend studio，eclipse等。（笔者使用的是sublime text2）

2. html文件的基本结构

<html><head></head><body>    <标签 属性1="属性值" 属性2="属性值" ...>内容</标签>    <标签 属性1="属性值" /></body></html>

3. 什么是Html标签

一个html文档（文件），由多个html标签组成。
html标签也被称为html元素或html标记，这仅仅只是个人的习惯不同，其实这几种叫法并没有区别。
所以，元素、标记和标签其实是一个意思。

3.1 html标签/元素

结构：

<标签 属性1="属性值" 属性2="属性值" ...>内容</标签><标签 属性1="属性值" />

说明：
Ⅰ.html文档由多个html标签组成
Ⅱ.html标签用2个尖括号括起来，如<head></head>。
Ⅲ.html标签多数是双标签，包含起始标签和结束标签。如，双标签b，包含起始标签<b>和结束标签</b>。
双标签中间的文本是Html标签的内容。如，双标签b，<b>hello,world</b>，<b>和</b>中间的文本是b标签的内容。
Ⅳ.少数html标签为单标签。如，<br />、<hr />、<meta />、<input />。

3.2 Html标签属性

Html标签通常都有多个属性，给属性设置不同的属性值可以控制Html标签在浏览器中的显示效果。
HTML标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以“名称/值”的形式出现，比如：name=”value”。
属性总是在 HTML 元素的开始标签中规定。

使用小写属性：
属性和属性值对大小写不敏感。不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而 XHTML 要求使用小写的属性/属性值。

始终为属性值加引号：
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name=’Bill “HelloWorld” Gates’，name的属性值为Bill “HelloWorld” Gates。

适用于大多数 HTML标签的属性：

属性值描述 class classname 规定元素的类名（classname） id id 规定元素的唯一 id style style_definition 规定元素的行内样式（inline style） title text 规定元素的额外信息（可在工具提示中显示）

如，<input class=”username” />。

3.3 Html符号实体

一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标签的开始。
如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。
字符实体有三部分：
一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (;)。即“&实体名称;”或“&#实体编号;”。
使用实体名称而不是实体编号的好处在于，名称相对来说更容易记忆。而这么做的坏处是，并不是所有的浏览器都支持最新的实体名称，然而几乎所有的浏览器对实体编号的支持都很好。

注意：: 实体名称对大小写敏感。如，&表示符号“&”，而&Amp;不能准确表示符合“&”。; 要在 HTML 文档中显示小于号（<），我们需要这样写：< 或者 <

空格

空格是 HTML 中最普通的字符实体。
通常情况下，HTML 会裁掉文档中的空格。不管使用空格键添加多少个空格，浏览器解析HTML文档显示时，只会显示1个空格。所以，如果需要显示多个空格时，就要使用到 ，可以在文档中增加空格。

最常用的字符实体

显示结果描述实体名称实体编号空格     < 小于号 < < > 大于号 > > & 和号 & & “ 引号 " " ‘ 撇号 '(IE不支持) '

其他字符实体

0 0