HTML入门
软件结构分类:
C-S结构(client-server客户端-服务器端)
典型应用:飞秋,QQ,红蜘蛛
特点:1.必须安装特定客户端程序
2.服务器软件升级,客户端的软件同步升级
B-S结构(broswer-server浏览器-服务端)
典型应用:163网站,传智官网,游戏官网
特点:1.不需要特定客户端(只需要浏览器软件)
2.服务器软件升级,浏览器客户端不需要升级
结论:java就业班开发的软件,大部分都是基于BS结构
网站:
服务器端的软件都是基于BS结构的,这个软件俗称“网站”,网站是由页面组成一个网页就是由HTML组成,HTML是一门网页制作的语言。
HTML语言:
HTML是一门网页设计语言,最简单的一门语言,hyper text markup language超文本标记语言,HTML语言由标记组成,学习HTML语言,掌握一些常用标记即可。
超级文本:
文本变色 ,文字大小变化,显示图片······这些超级文本通过标记实现效果。
HTML语法:
基本结构:
<body>
</body>
head头文件
作用:告诉浏览器如何解释该html页面。
文本标签
标题(h1~h6)
水平线(hr)
段落(p)
段落缩进(blockquote)
上下标(sup和sub)
换行(br)
原样输出(pre)
有序列表ol li
无序列表ul li
项目列表标签(dl dt dd)
行内标签(span)
块标签<div>
·超链接标签
·图像标签
–>
<img src="2.jpg"alt="这是一张美女图片"title=“提示文字”/>
<map name="Map"id=“Map”>
<area shape="rect"coords=“196,338,301,398"href=“超链接标签.html"target=”_self”/>
<area shape="circle"coords=“139,191,45"href=“文本标签.html"target=”_blank”/>
·转义字符
在html语法中,存在一些特殊字符,这些字符不能直接原样输出。如果想让这些特殊字符原样输出的话,那么就需要进行转义。
常见转义字符:
特殊字符 转义字符
< < letter than
> > greater than
& &
空格
·表格标签
–>
·表单标签(重点)
作用:用于采集用户输入的数据,提交给后台程序处理。
场景1:
注册用户:
->注册页面(输入用户名,密码,邮箱…)(通过表单标签携带用户数据)->系统后台程序->把用户数据保存到数据库
场景2:
登录:
->登录页面(输入用户和密码)->系统后台,搜索数据库,判断是否存在次用户和密码
表单标签:
就是应该表单
密码输入域
单选按钮
多选按钮
下拉选项
隐藏域。特点:不会显示到html页面上,但可以携带数据。
文件选择器
多行输入域
提交按钮
普通按钮
重复按钮
!DOCTYPE html>
·框架标签