一个结构良好的页面由三部分组成:
结构HTML
表现css
行为js
HTML
语法宽松,通过标签定义网页结构由浏览器的html解析器解析,及时代码不严格,浏览器也能解析,建议按标准语法来编写代码。语法通过标签的闭合为基础点
`例:<a>内容</a>双标签`,`<input type="text" name="name"/>`
`<br/>`
属性:属性必须有值,值需要使用" "或' '引起来
html
不区分大小写
常用标签:
标题:<h1>~<h6>由大到小
段落:<p>,</p>
换行:<br/>
无序链表:<ul>
<li></li>
...
<li></li>
</ul>
语法注释:
多行注释`<!-- 注释内容--->不会被浏览器解析`
图片:<img alt="图片显示失败提示文字" src=“引用图片的路径”/>
1.图片和页面是同一级:直接引用
2.图片再下一级:先获取图片所在的文件夹,在获取图片
3.图片再上一级目录,使用../退回上一级目录,找到图片
超链接:点击跳转href=“”;地址对应的页面
表格:
<table border="1" align="left"center" right">
<tr>
<td></td>
</tr>
</table>
单元格合并:上下关系:rowspan=“number”
左右关系:colsapan=“number”
form表单:用来收集数据。
action属性:表单提交属性,(以后会提交到java类),method:定义表单提交方式,默认是get,在传递时进行URL进行拼接,不安全;
post方式数据不在url中拼接显示,比较安全
<form action="提交的地址" method="选取方式">
</form>
input标签:可以单独使用,创建一个表单项提交给服务器
name属性:form表单只会收集有name属性值得表单项数据提交给服务器
value属性:用户提交表单的值
type属性:
text:普通文本
password:密码框
button:按钮
radio:单选按钮
submit:提交按钮,点击时会提示form表单收集数据
file:文件表单选项,收集上传文件使用、
hidden:隐藏表单,用户看不到,主要用于在用户提交数据的时候· 隐式的提交数据
CSS
层叠样式表,设置网页中元素的样式
语法简单,主要分为两部分选择器和声明语法:{样式名:值}
通常使用外部文件引入<link rel="stylesheet" href="引入文件路径"/>
选择器:
基本选择器:标签选择器:标题名 声明
id选择器:给每个标签提供了id属性
#id 声明
class选择器:给每个标签设置class属性,通过class
可以对一组选择器进行归类
复合选择器:将所有标签归类使用
所有选择:* 声明
RGB三原色,使用了三组两位十六进制来表示