HTML是什么
HTML: Hyper Text Markup Language 超文本标记语言。
超文本:比普通的文本(txt)功能更加强大,比如说你想要添加一张图片,那么普通的文本无法实现,但是可以通过超文本来实现。
标记语言:标记就是一组标签,通过一组标签来对内容进行描述,由浏览器来负责解释执行。(所以这么标签是固定的,对浏览器来说只要支持这组固定的标签,就能够对它来进行解释执行)
所以只要我们掌握这些固定的标签,我们也基本上掌握了HTML。
为什么要学习HTML
生活所迫,HTML 是web中非常基础的知识
HTML的用途
网页设计的基础,HTML5
HTML的语法规范
1、上面是一个文档说明
2、根标签 html
3、html文件包含两部分
头部分:主要用来放置一些页面信息
体部分:主要来放置我们的HTML页面内容
4、通过标签来对页面内容进行描述
标签通常都是由开始标签和结束标签组成
5、不区分大小写,但是推荐使用小写
下面对HTML的标签做一个总结,方便以后学习使用
1、网站信息页面
h1-h6 标题标签
hr 水平线
p 段落标签
font 字体标签
color 指定颜色
size 指定字体大小
face:指定字体
2、网站图片信息展示
img标签
width:宽度
height:高度
src 指定图片的加载路径
./ 当前文件所在文件夹
../ 当前文件所在上一层文件件
../../ 当前文件夹的上上一个层文件夹
alt 图片加载失败时显示的内容
3、列表展示标签
ul 无序列表
type disc,square,circle
ol 有序列表
type 1,a,A,i,I
start 起始索引
li 列表项
a 标签 超链接
href 指定跳转路径
target 打开方式
_self
_blank
frame框架的名字
4、网站首页
table
tr
td
colspan合并列
rowspan合并行
bgcolor 背景色
background 背景
border 边框
width 宽度
height 高度
align 对齐方式(修饰的是该元素相对于它的父容器的位置关系)
center 居中对齐
left 左对齐
right 右对齐
表格嵌套
表格合并
5、网站注册
input
text 文本域
password 密码域
radio 单选按钮
checkbox复选框
submit 提交按钮
reset 重置按钮
button 普通按钮
hidden 隐藏域
file 文件
date 日期类型
number 数字类型
email 邮件类型
select 下拉列表
option
textarea 文本域
cols
rows
form
action:指定提交的路径
method:提交的方式 get post
6、网站框架
frameset
cols:竖切
rows:横切
frame(name属性)