HTML概念:
HTML即超文本标记语言,是一种常见的网页制作标注性语言,并不算程序设计语言。它通过浏览器的翻译,将网页中的内容呈现给用户。作用就是呈现网页中想要显示的内容。比如定义一个标题、文本或表格等。
创建HTML文件方式:
方式1:通过记事本编写HTML代码。
方式2:通过一些开发软件,比如Dreamweaver、Expression Web等网页制作软件。
HTML文档结构:
HTML文档结构由4个主要标记组成,分别是 html head title 和 body 。
html标记:HTML文件的开头。格式html> …< /html>,页面中的所有标记必须放置在其中,但是标记本身没有实质性功能。
< head>标记:HTML文件头标记。作用是放置HTML文件的信息。如定义CSS样式代码可放置在此标记中。
< title>标记:标题标记。可设置网页的标题即标签栏显示内容。
< body>标记:主体标记。放置页面中所有内容。标记本身也具备一些特性,比如控制页面的背景图片和颜色等。
HTML字符实体:
HTML 中,某些字符是预留的。例如:在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
常用的字符实体:
空格
< 小于<
> 大于>
" 引号“
比如:要在HTML页面中表示40<60就必须写成40<60
表单标记:
表单即页面中的输入用户名或密码的文本框,是用户和网页交互信息的重要手段。
< form>表单标记:围堵标记。在表单标记中可以定义处理表单数据程序的URL地址等信息。
基本语法如下:
< form action=”url” method=”get|post” name=”name” onSubmit=”” target=””>
< /form>
** 属性说明:**
action:指定处理表单数据程序的URL地址。
method:指定数据传送到服务器的方式。只能指定get或post请求。Get属性值表示将输入的数据追加再action指定的地址后面,并传送到服务器。Post属性会将输入的数据按照HTTP协议中的post传输方式传送到服务器。
name:表单名称,自己定义。
onSubmit:指定用户单机提交按钮时触发的事件。
target:指定输入数据结果显示在哪个窗口中。 可以设置_blank、_self、_parent、_top。
_blank表示在新窗口中打开目标文件;_self表示在同一个窗口中打开,不常用;
_parent表示在上一级窗口中打开,一般使用框架页时常用;_top表示在浏览器整个窗
口中打开,忽略任何框架。
<!DOCTYPE>声明:
HTML也有多个不同的版本,只有明确HTML版本,浏览器才能完全正确地显示出HTML页面。
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 规范(html、xhtml、html5)。
常见类型:
HTML 5:
HTML 4.01:< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
XHTML 1.0:< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">