java的web开发基础

web前端:
前端的技术:
html语言:用来做网页,yogahtml构建网页的内容
css:用来修饰网页内容,给网页化妆,让网页的内容更美观
javascript:用户跟网页交互
js:做表单验证和网页特效
js:google,最早做了联想输入(局部刷新) 地图 用ajax技术实现

html:

html中有很多的标签/标记/对象/元素/节点,html应该遵守xml规范,xml中的节点是由程序员自定义,但html中的标记是固定的,html中内容是由文本组成的,且都有默认的样式,可以用css来改动,最终在浏览器中解析并在浏览器中显示,是以.html或htm文件为结尾

在body体中显示文本
-标题标签

...

-段落标签

-列表标签

• 1. -分区元素
     -行内元素 斜体 加粗 删除线 下划线 -空格折叠 多个空格,多个制表符,多个换行符,都会压缩成单空格 -文字换行
     body中的图片显示: -图片元素 -多媒体元素 -超链接元素 a标记超链接 a标记锚点 定义锚点: 网页中显示文字 网页中显示文字 在body中显示表格 属性border width height align cellpadding cellspacing

     	在body中显示表单: 属性action:表示要提交的目的地(可以是本地文件也可以是服务器) method:提交的方法 get,post enctype:表单提交的编码方式 表单控件 type可以是密码框password也可以是单选框radio还可以是多选框checkbox还可以是按钮button 还可以是提交按钮submit以及重置按钮reset隐藏为hidden,文件框是file 下拉框为 多行多列的文本框

如何使用样式css:
1内联样式,/行内样式
我是一只小小鸟
2内部样式
样式定义在html页面的中
比如:


3.外部样式(外联样式):
将定义一个外部的css样式文件,以.css结尾
在html中引入这个css文件
比如:
style.css文件中
span{
color:red;
}
在head中引用

css选择器:
元素选择器:
span{
/所有的span的字都是红色的/
color:red;
}
类选择器:
.divclass{
font-weight:bold;
}

id选择器
#id{
font-weight:bold;
}

派生选择器:
.food>li{
border:1px solid red;
}
后代选择器:
.food li{
border:1px solid red;
}
伪类选择器:
-伪类用于设置同一个元素的不同状态下的样式
-常用的伪类:
:link 向未被访问的超链接添加样式
:visited 向已经访问的超链接添加样式
:active 向激活的元素添加样式
:hover 当鼠标悬停至元素上方时,向该元素添加样式
:focus 当元素获取焦点时,向该元素添加样式