黑马程序员技术交流社区
标题:
【石家庄校区】JavaEE个人学习总结4day01 html
[打印本页]
作者:
sun2ice
时间:
2018-1-23 14:52
标题:
【石家庄校区】JavaEE个人学习总结4day01 html
#day01 html
##HTML
*
Hyper Text Markup Language --- 超文本标记语言.
*
标记语言：指的是通过一组标签的形式描述事物的一门语言.
*
超文本：比普通的文本更强大.
##HTML的作用
*
HTML是用来制作页面(静态页面).
##HTML的排版标
*
标题标签：
```
h标签<h1>...<h6>
<!-- HTML的标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
```
*
段落标签：p标签
*
居中标签：center标签
*
原生标签：pre标签
##HTML的图片标签
*
图片标签:img
*
属性:
*
src:图片的来源.
*
width :图片的宽度.
*
height:图片的高度.
*
alt:图片找不到显示的内容.
##HTML的列表标签
*
有序列表
```
<ol>
<li></li>
</ol>
```
*
无序列表
```
<ul>
<li></li>
</ul>
```
##HTML的超链接标签
*
HTML的超链接标签：a
*
href :链接的路径
*
target :打开的方式
*
_self :在自身页面打开
*
_blank :新打开一个窗口
##HTML的表格标签
*
表格table
*
行tr
*
列td
```
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
```
*
属性:
*
width :表格宽度
*
height :表格高度
*
border :边框
*
align :表格水平位置:
*
td的属性:
*
colspan=”列数”
*
rowspan=”行数”
##HTML的表单标签
*
HTML的表单标签：form
*
常用属性:
*
action属性:提交的路径.默认提交到当前页面
*
method属性:请求的方式.GET和POST.默认是GET.
*
GET方式和POST方式的区别?
*
GET :数据会显示到地址栏中.GET方式提交是有大小的限制.
*
POST :数据不会显示到地址栏中.POST方式提交的是没有大小限制.
a href默认GET
##HTML中的表单元素
*
`<input type=”text”> `
:文本框.
*
常用属性:
*
name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
*
value :文本框的默认值.
*
size :文本框的长度.
*
maxlength:文本框输入的最大长度.
*
readonly:只读文本框.
*
`<input type=”password”>`
:密码框.
*
常用属性:
*
name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
*
value :密码框的默认值.
*
size :密码框的长度.
*
maxlength:密码框输入的最大长度.
*
` <input type=”radio”>`
:单选按钮.
*
常用的属性:
*
name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
*
value :单选按钮的默认值.
*
checked:单选按钮默认被选中.
*
`<input type=”checkbox”>`
:复选按钮
*
常用的属性:
*
name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
*
value :单选按钮的默认值.
*
checked:单选按钮默认被选中.
*
`<input type=”button”>`
:普通按钮.没有任何功能的按钮.
*
`<input type=”submit”>`
:提交按钮.
*
`<input type=”reset”`
>:重置按钮.
*
`<input type=”file”>`
:文件上传的表单项.
*
`<input type=”hidden”>`
:隐藏字段.
*
`<input type=”image”>`
:图片按钮
*
`<select>`
:下拉列表.
*
`<textarea>`
:文本域.
##HTML的框架标签
*
框架标签:frameset ,标签与body标签是冲突,有frameset就可以没有body.
*
属性:
*
rows
*
cols
使用<frame>标签，frame代表切分的每个部分
```
<frameset rows="15%,*">
<frame src="top.html" name="top"/>
<frameset cols="15%,*">
<frame src="left.html" name="left"/>
<frame src="right.html" name="right"/>
</frameset>
</frameset>
```
#HTML的特殊标签
*
`空格 : `
*
`< :<`
*
`> :>`
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2