Web基础——HTML简介

HTML基础

一、web组成

1、结构（HTML）、表现（css）、行为（js）
2、W3C：万维网联盟，创建于1994年，是Web技术 领域最具权威和影响力的国际中立性技术标准机构；是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准；
3、ECMA：欧洲电脑网商联合会（厂商协会），制定了行为标准；

二、相关概念

1、HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言
2、XHTML指可扩展超文本标记语言（Extensible HyperText Markup Language）是 一种置标语言，表现方式与超文本标记语言（HTML）类似，语法上更加严格。
3、HTML5指的是HTML的第五次重大修改（第5个版本）

三、网站建设流程（了解）

域名注册–租用空间–网站建设–推广–维护

四、HTML的基本结构

• < ! Doctype html>命名文档类型
• < html> < /html>说明我们写的是标记语言
• < head></ head>文件头部
• < title>< /title>文件标题（显示在状态栏上的内容）
• < meta charset=“utf-8” />编码格式
• < body>< /body>文件主体(所有要写的内容)

五、HTML的基本语法

标记有两种形式，我们分别称单标记和双标记,或者叫空标记和普通标记

说明：
1）写在尖角号<>里的第一个单词，叫做标记，也叫做标签，也称作元素；
2）标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号内
3）一个标记可以有多个属性，属性和属性之间用空格隔开，属性不分先后顺序；
4）空标记是指没有结束标签的标记，必须使用"/" 关闭

普通标签：<标签名称 属性1名=“属性1值” 属性2名=“属性2值” ………… ></标签名>

空标签：<标签名 属性名=“属性值” />

注意 ：

• 写在尖角号<>里的第一个单词，叫做标记，也叫做标签，也称作元素；
• 标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号内；
• 一个标记可以有多个属性，属性和属性之间用空格隔开，属性不分先后顺序；
• 空标记是指没有结束标签的标记，必须使用"/" 关闭

六、HTML的常用标签

（一）文章类标签

标题：h1,h2,h3,h4,h5,h6；
段落：p；

特殊字符：

• 空格：& nbsp;
• 版权图标：&copy；
• 商标：&reg；

修饰：

• 加粗 b/strong
• 倾斜 i/em
• 下划线 u/ins
• 删除线 del/s
• 下标 sub
• 上标 sup
• 强制换行 < br>

（二）列表类标签

• 有序列表 < ol> < li>
  type属性： 设置序号样式；
  start属性： 从哪个序号位置开始（必须是数字）；

• 无序列表 < ul>< li>
  type属性：设置序号样式

• 自定义列表< dl>< dt>< dd>
  每个自定义只允许有一个dt；

（三）超链接

< a href=“链接地址”>链接文本/图片< a>

target属性：设置窗口弹出方式：_self当前窗口（默认） _blank新窗口；

（四）图片插入

• border属性设置图片的边框；
• src属性表示图片的存放路径；
• width和height设定其图像在页面上显示的宽度和高度；
• title:表示图片标题;鼠标悬停在该图片上时显示的信息，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门 ]做提示信息的;

（五）表格

• 一对tr表示一行;一对td表示一个单元格（一列）；
• cellspacing=“单元格与单元格之间的间距”；
• cellpadding=“单元格与内容之间的距离”；
• 合并单元格
  合并列： colspan=“所要合并的单元格的列数"；
  合并行： rowspan=“所要合并单元格的行数；
  注意： 谁不同，谁合并；跟谁合并删掉谁

（六）表单

表单的作用：用来收集用户的信息的;
语法：<form name=“”method = “get/post” action = “url”>
method： 表单的提交方式方法get或post；

扩展： get和post的区别：
1. get是从服务器上获取数据，post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与 其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受 限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。
5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。

表单控件：

• < input type="" name="" value="" size="">
  Input：标记可以创建按钮、文本输入框、选择框等各种类型的输入字段；
  name：属性标识表单域的名称；
  type：属性标识表单域的类型，大概有十几种：
  text （文本）、 password（密码）、submit（提交）、reset（重置）、button（按钮）、radio（单选）、checkbox（多选）；
  value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。
  size：控制框的宽度
• 下拉菜单
  语法：
  < select name="" > < option>下拉选项1</ option> < option selected>下拉选项2</ option> </ select>
  下拉列表，name属性不是必须的；
  默认选择项用selected属性；
• 多行文本
  < textarea name="" cols="" rows="" > </ textarea>
  rows属性设置文本输入窗口的高度 cols属性用来设置文本输入窗口的宽度；