HTML的一个结构图如下:
即就是一般的HTML文件结构:
<html>
<head>
<title>....</title>//网页题目
<head>
<boby>
<p>....</p>
</boby>
</html>
HTML是一种标记语言,这些<…>就是标签。
1.HTML元素
1.1 概念
HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML元素就是构成HTML文件的基本对象。
HTML元素通过使用HTML标签进行定义。
这是一个元素:<p>sunyi</p>
1.2 语法
- HTML元素一开始标签起始
- HTML元素以结束标签中止
- 元素的内容是开始标签与结束标签之间的内容
- 某些HTML具有空内容
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数HTML元素可拥有属性
1.3 HTML空元素
如:换行符<br>
标准的写法:<br/>
<p>...</p>也有换行的意思,和<br/>不一样
1.4 HTML属性
有些标签想要按照作者的意愿来实现在网页上,需要一定信息的补充,这信息就叫属性。HTML的标签可以加上属性的描述。
语法规则:
在HTMl元素的开始标签中定义。
总以名称和值对应的形式出现。比如name=“value”
属性值应该始终被包括在括号内,双引号最常用,单引号也可以。
ex:
<a href="http://www.shiyanlou.com">shiyanlou</a>
href=”http://www.shiyanlou.com”这一部分就叫做<a>
标签的属性。
还可以将文字居中。。。
改变背景颜色等等属性。。。。
1.5 HTML超文本
使用开发软件:Brackets
1.6 HTML表单
即就是登录框
还有选择(多选,单选)
1.7 列表
1.8 块
1.9 布局
大多数网页布局需要配合css完成
用div元素完成布局
1.10 链接
链接通过<a>进行定义
1.11 图像
图像通过<img>来定义