如何开发一个HTML:
HTML(HyperText Markup Language,超文本标记语言)
超文本:不止是文本(还包括动画,视频,超连接,音乐,各种样式等)
标记性语言:定义一系列有特殊含义的标签,通过浏览器对这些标签进行解释,并以特殊的效果显示在浏览器中(渲染)。
HTML就是一个普通的文本文件,但是后缀是.html或者.htm
如:新建一个txt文件,取名未hello.txt
重命名未hello.htm
用浏览器打开,显示如下:
所以:html也就是普通的文本文件,只不过通过定义了特殊的标识,然后用浏览器进行解析后,呈现在人们面前。
基本语法:
①:所有的标签都是用<>扩起来的
②:标签名是一个字符串(事先定义好的)
③:标签要有起始,要有结束
④:有一类标签没有内容,如<br/>,所以他们以自己开始自己结束
⑤:标签可以有多个属性(属性名=“属性值”,属性与属性之间必要用空格隔开,属性名与属性值之间不能有空格,属性必须在开始的标签中)
如:<meta charset=”utf-8” keyword=”abc” />
⑥:在html中有一部分是没有属性值的 如:<input type=”text” disabled />
⑦:在html中所有的回车,空格,制表符(tab键)都回被压缩成空格,所有如果用这个,就需要记住特殊的标识符
如:回车:<br/> 空格: <= :< >= : >
⑧:在html中有些元素是自动换行的,如块级元素(block)
⑨:HTML是一种语法不严格的标记性语言。
文件标签介绍:
<html>:所有标签的父标签,所有其他的标签都要写在此标签中
<head>:设置页面相关信息的标签都在此标签中
<body>所有页面中要显示的内容都放在此标签中
<h1>--<h6>:标题标签
<hr/>:水平线标签
<p>:段落标签
<font>:字体标签
<img>:用于图片显示
页面布局:
老式:用table表格进行页面布局(<tr>:标签表示表格中的一行,<td>:代表一个单元格,)
现在:DIV+ CSS进行布局(盒子模式,浮动,定位)
表单标签:
<form>:没有任何显示效果,但是所有的表单都放在form标签中
<input type = "text">:文本输入框
<input type = "password">:密码输入框
<input type = "radio">:单选按钮
<input typt = "checkBox">:复选框
<select><option>:下拉选框
<select><option>:选择列表
<textarea>:多行文本输入框
<input type =“file”> :文件框
按钮:
<input type = "submit">:提交
<input type = "reset">:重置
<inout type = "image">:图片按钮
<input type = "hidden">:隐藏域
框架标签:
<frameset>:把页面切分成若干个页面,每一块显示一个独立的页面
<frame>
补充:
<sup>:上标
<sub>:下标
<marquee>:走马灯
<center>:居中
<iframe>:软框架
HTML5:(如果想详细学习,可以百度w3c)
<input type = "date">
<input type = "text" name = "name" placeholder = “请输入姓名”>
<embed>:引入资源进行播放
<canvas>:画布