目录
系统结构
B/S架构(Browser/Server)
(浏览器/服务器的交互模式)
代表:百度,京东,天猫
C/S架构(Cilent/Server)
(客户端/服务器端的交互模式)
html
超文本标记语言,由大量的标签组成,每一个标签都有开始标签和结束标签
<标签>
<标签>
<标签 属性名 = "属性值">
</标签>
</标签>
</标签>
超文本:流媒体,图片,声音,视频
HTML开发的时候使用普通的文本编辑器,文件拓展名是.html
不区分大小写
注释
<!--注释内容-->
快捷键:Ctrl+shift+/
注释后的内容不会显示在网页上
基本标签
超链接:a
段落标记 :p
标题标记: h1-h6(分别是一级标题-六级标题)
换行 :br(是一个独目标签)
横线 hr(独目)
预留格式 :pre
删除字:del
插入字:ins
粗体字:b
斜体字:i
字体标签: font
标签属性
color
width
实体符号
实体符号以"&"开头,";"结尾
空格nbsp-+
大于号gt
小于号lt
表格
标签
表格 table
行 tr
表头:th
单元格 td
th 多了居中和加粗
属性
border 设置表格的边框像素宽度 border="number"
width 宽度
height 高度
align 对齐方式(左,右,居中),表格的位置是由table的align属性决定的
background:背景图像 background="图片位置"
bgcolor:背景颜色
cellspadding:填充
cellspacing:间距
valign:表格内文字的位置是由td的align和valign决定的,valign可选值包括top,middle,bottom
单元格合并
行合并
rowspan = n
n代表合并的格数
列合并
colspan
图片
图片 < img=图片路径/>
图片属性:alt 图片加载不出来时显示的数据
src:设置图片的路径
title:设置鼠标悬停在图片上显示的信息
超链接
标签:a
属性:href=网址 href热引用,可以是绝对路径,也可以是本地资源的路径
target可取值:
_blank:新窗口
_self:当前窗口
_top:顶级窗口
_parent:父窗口
特点:有下划线
鼠标停留在超链接上,变成小手
当点击超链接后跳转页面
作用:
通过超链接可以向浏览器向服务器发送请求
浏览器向服务器发送数据.请求(request)
服务器向浏览器发送数据:响应(response)
列表
无序列表
标签:
ul
li:后面跟内容
属性:
type可取值:
circle:圆圈
square:方黑框
disc:圆黑框
有序列表
标签
ol
属性
type
表单
作用:收集用户信息,表单展现之后,用户填写表单,点击提交按钮交数据给服务器.
怎样画表单
使用form标签画表单
一个网页中可以有多个表单form
提交数据格式:action?name=value&name=value...
表单项填写了name属性的,一律会交给服务器
标签
form action属性和超链接中的href属性一样,都可以向服务器发送请求(request)
input (画按钮可以使用input输入域,type="submit"的时候表示是一个提交按钮,具有提交表单的能力,type="button"表示这是一个普通的按钮,不具备提交表单的能力)
属性
action 后面跟服务器地址
type 可以跟的值有:
submit:按钮，提交表单内容
reset:清空内容
button：按钮
text:输入文本框
password:密码框
radio:单选按钮
checkbox:复选框
textarea：文本域
file：选择文件
hidden：隐藏信息
value:按钮上显示的文本信息
name:
checked:默认选中
select:下拉框
option：下拉框选项
selected:下拉框中默认选中
method:采用get用户信息会显示在地址栏上，采用post用户提交的信息不会显示在地址栏上，默认是get
multiple:下拉框中的选项可以多选
size:设置下拉框显示的条目数量
readonly:只读但是可以提交数据
disable:只读但是数据不会提交
maxlength:控制文本框输入的字符数量