java学习阶段二 前端基础（html）
java学习阶段二 前端基础（html）
介绍
html：超文本标记语言
基本知识
-
html文件结构
<html> <head> <meta charset="UTF-8"> <title>这里是页面的标题</title> </head> <body> body这里是正文部分 </body> </html>带有/表示该部分的结束
html表示整个超文本部分
head 头部文件 对当前文件做一些解释说明
body正文部分 上网浏览所看到的内容
-
常用标签
字体标签 <font size= face= color= >文本内容 </font> 注释 给程序员看 <!--文本内容--> 标题 <h?>标题</h?> 从h1到h6 多级标题 图片 <img src="链接位置/文件名称" alt="当文件不存在时候此文本内容用于提示使用者"width="" height=""/> width和height为宽和高 超级链接标签 <a href="本地或者网络上的一个超级链接网址">文本内容（载体）</a> 外网需要加上http:// <a href="" target="_blank"></a> blank相关格式表示跳转为新生成一个网页中打开 换行/段 换行<br>想换行时在上一行结尾处加此标签(行间无间距) 换段<p> </p>(行间空一行间距) 锚点 锚点包括定义和使用 使用锚点页面跳转到定义处 定义 <a name="锚点名称">文本内容</a> 使用<a href="文件名称#锚点名称">文本内容</a> 列表（包括无序有序） 无序<ul><li>文本内容</li></ul> 一组li为一行 有序<ol><li>文本内容</li></ol> 表格 用于 数据展示 布局 <table border= ""width=""> <caption>标题内容</caption> <tr> <th>文本内容</th> </tr> </table> table表格开始和结束 caption 标题 tr 行 的添加 th td 单元格 th为单元格头 td为具体内容 border 实现边框 width 表格宽度 表格行合并 colspan 列合并 rowspan 格式位置 行上列左 <tr>行 <th rowspan="2">文本内容</th> <th>文本内容</th> </tr> <tr> 同时删掉合并行 <th>文本内容</th> </tr> <tr>列 <th colspan="2">文本内容</th> 同时删掉合并列 </tr> 这部分与css有关 自由选择使用 thead 把表格头夹在其中标记范围 tbody 把表格具体行放进去标记范围 tfoot 表格结尾放其中 对齐方式 水平 align 方式 right left center justify char 垂直 valign 方式 top middle bottom baseline 表格其他标签 bgcolor 背景颜色 cellpadding内容和边框之间间距（只能在table中设置） cellspacing单元格之间的间距（只能在table中设置） frame 外边框设置 viod border above below hsides lhs rhs vsides rules 内边框设置 none rows cols all 表单 用户和后台的信息交互 隐含范围 <form action="提交目标" method="传入后台提交方式"> <lable>提示内容</lable> <input type ="" name="" id="" value=""> <select> <option value="">显示文本内容</option> <option value="">显示文本内容</option> </select> </form> intput 输入内容 select option为一个列表中的进行选择 label 统一格式 lable中的内容经css设置将会格式统一 type 输入的格式 text 任何字符 password 密码 radio选项 相同name的选项将只能选择一个 checkbox 打勾多选 button（转前台操作）和submit（转后端操作） 只有value 没有id和name value似乎就是文本内容 value 具体传入后台的数据 name 指定控件名称 id 标签唯一标识 value 控件的值 checked 复选框默认被选中的项目 selected 列表框默认被选中的项目 src 图片框图片来源 onchick 鼠标单击事件 disabled 禁用该控件 multiple 允许多选 其他 多行文本输入<textarea row="" cols="">内容文本</textarea> 上传文件<input type="file"><input type="" value=""> 隐藏文本框 <input type="hidden" name="" id=""> multiple="true"实现列表多选
注意事项
1 sublime快捷键
ctrl加上s 保存
html加上table 自动生成html文件格式
li加上*列表行数 自动生成列表对应行数格式
2 字体标签在最新的版本已经不支持 当做了解
3 target属性
_blank 在新窗口中打开
_parent 在父窗口打开
_self在当前窗口打开
_top 目标清楚所有被包含的frame框架
4 初始列表效果为黑色粗体圆点 和顺序数字
5 不要为了字体而用标题！
6 h1标题很重要 最好和body靠近
7 ../表示返回上一级
8 水平对齐方式中还有char和charoff但是在最新版已经弃用
