WEB学习的第一天
JavaEE 架构
1.html简介
超文本标记语言,超文本表示比文本更丰富的意义,比如图片、视频等
2.html的结构
文件名:xxx.html
:文档声明
:根标签,所有其他内容都有写到此标签中
:定义html的基本属性
:知道浏览器解析是的编码
:网页的标题
:网页显示的内容
3.html语法:
标签:也叫标记、元素、标签分为开始标签和结束标签
自闭标签:如果一个标签中没有内容,可以自闭
属性:标签上可以添加多个属性,属性和标签名、属性和属性之间用空格隔开,一个属性是key="value‘’ 形式
注释:<!--注释内容-->
在html中,多个空格和换行会被当成一个空格显示
空格:
换行:<br/>
4.标签
不同的标签可以有不同的意义,例如文本标签,图片标签,超链接标签等
文本标签<font>
标题标签<h1>-<h6>
列表标签<ul>/<li>:<ul>定义一个列表,<li>定义列表的每一项
图片标签:<img/>
src属性:图片的路径
绝对路径:以盘符开始的路径
相对路径:以当前文件所在目录为气垫的路径,../表示上级目录,./表示当前目录
alt属性:图片无法显示是的代替文本
超链接标签<a>
href属性:超链接的目的地
target属性:在哪里打开的目标页面
_blank:在新页面打开
_self:在当前页面打开
_top:回到顶部
表格标签<table>/<tr>/<td>
<table>:定义一个表格
<tr>:定义表格的一行
<td>:定义表格的一个单元格,如果是表头,可以使用<th>代替
colspan 属性:横跨几列
表单标签:<form>
cation属性:提交的目的地
method属性:提交方式,http协议提供了7种提交方式,常用两种:
get:默认,将提交参数拼接到地址栏,url和参数之间用?隔开,多个参数之间用&分隔,参数为key=value形式
post:通过底层的流提交
get提交与post提交的区别:
get提交:将参数拼接到地址栏,相对不安全,地址栏大小不超1kb
post提交:通过底层的流传输数据,相对更安全,大小理论上没有限制
输入标签:
<input>:输入框
type属性:输入框的类型
text:文本输入框
password:密码输入框
radio:单选框,name需要保持一致,需要指定value属性,也可以通过checked="checked"属性默认选中
checkbox:复选框,name需要保持一致
submit:提交表单
name属性:提交参数的key
value属性:提交参数的value值
/
:定义一个下拉框
:定义下拉框中的一项,可以指定value,也可以不指定
