JavaWeb基础—HTML小结
---是什么?超文本标记语言
---能干什么?描述网页的一种语言
---怎么干?一套标签
前端三剑客的关系:
1. HTML是网页内容的载体。
2. CSS样式是表现。
3. JavaScript是用来实现网页上的特效效果。
几个注意点:
1.HTML不区分大小写
2.一般而言标签都是成对出现的,一些特殊的标签(如换行),应当在标签内结束 <br/>
3.语义化
HTML的操作思想:
网页中有很多不同的数据,不同的数据需要不同的显示效果,需要进行相关的封装,再进行相关标签属性的修改
常用标签(注意红色标签)
1.文字标签和注释标签
<font size="" color=""></font> 1.英文单词表示法 2.使用十六进制 #FFFFFF RGB三原色表示法
<!--这是一个注释-->
注意:
style 属性淘汰了旧的 "align" 属性。
style 属性淘汰了旧的 <font> 标签。
style 属性淘汰了“旧的” bgcolor 属性。
2.标题标签 水平线标签和特殊字符
<h1></h1> 1到6依次变小
<hr/> 同样拥有size 和color属性
对<>等进行转义 < < > >
3.列表标签:一般有缩进的考虑列表标签
<dl></dl>:表示标签的范围
子标签: <dt></dt>上层
<dd></dd>下层
<ol></ol>:表示有序列表的范围,拥有排序方式属性:type 常见type="1或a或i"
子标签:<li></li>
<ul></ul>:表示无序列表的范围,拥有type属性
子标签:<li></li>
4.图像标签
<img src="图片路径"/>:拥有width height title alt等属性
5.路径的介绍
绝对路径 相对路径
当前路径./ 上层路径../
6.超链接标签
链接资源
<a href="为#时仅为占位符">链接显示内容</a>
target _blank新窗口打开 _self当前页面打开
定位资源
<a name="top">顶部</a>
<a href="#top">回顶部</a>
7.表格标签
<table></table>:表示表格的范围,拥有align border等(<caption>表格标题)
子标签 行:<tr></tr> 下一级 单元格:<td></td>
类似于表头(可以实现居中和加粗)<th></th>
跨行跨列标签:rowspan colspan
8.表单标签:数据的提交 交互等 【重要】
<form></form>:定义表单的范围,拥有action(提交地方)method(提交方法)
get:地址栏会携带提交的信息,不安全,信息大小有限制
post:信息在请求体里面,理论上没有限制
子标签:大部分输入项标签由<input/>实现(标签内结束) 由type属性选择
【注意】type以及定位标签的name属性等。
type="text" 普通文本框
type="password" 密码输入框
type="radio" 单选输入框
(要有相同的name属性值以及区分的value值,checked默认选中
type="checkbox" 复选框(同上
type="file" 文件输入框
type="hidden" 隐藏项
type="submit" value="提交按钮上内容"提交
注意submit范围应当在</form>前才是提交里面的内容啊
提交表单需要控件有name属性
使用图片提交
<input type="image" src=""/>
下拉标签: <select name="">
<option value=""></option>
</select>
!文本域:<textarea cols="" rows=""></textarea>
9.其它标签
<b></b> 加粗
<u></u> 下划线
<i></i> 斜体
<s></s> 删除线
<pre></pre> 原样输出,会换行
<sub></sub> 上标
<sup></sup> 下标
<p></p> 段落标签
***CSS中的常见标签***
<div></div> 容器标签,设置单独的样式 自动换行
<span></span> 不换行
10.头标签
<head></head>
子标签: <title></title>
<meta>:提供页面有关的信息,实现定时跳转等功能。
<base>:设置超链接的基本信息等。如target
<link>:引入外部文件
11.框架集标签:使用时必须去掉整个body,已过时,被div所替代
<frameset> :拥有rows cols标签来表示划分方式,
<frame> :常用name与src属性
<frame>:在href处使用target=frame的name位置处
</frameset>
小问题:使用框架集时,会出现页面套页面的不正确显示结果
最简单的解决方式是:在form标签里使用target="_parent",设置打开位置为父页面
JavaWeb基础—HTML小结的更多相关文章
- JavaWeb基础知识总结
JavaWeb基础知识总结. 1.web服务器与HTTP协议 Web服务器 l WEB,在英语中web即表示网页的意思,它用于表示Internet主机上供外界访问的资源. l Internet上供 ...
- JavaWeb基础: ServletContext
基本概念 Web容器在启动时,会为每个Web应用程序都创建一个对应的ServletContext对象,它代表当前Web应用. ServletContext(javax.servlet.http.Ser ...
- VB6 GDI+ 入门教程[5] 基础绘图小结
http://vistaswx.com/blog/article/category/tutorial/page/2 VB6 GDI+ 入门教程[5] 基础绘图小结 2009 年 6 月 18 日 4条 ...
- JavaWeb基础: 学习大纲
JavaWeb基础: Web应用和Web服务器 JavaWeb基础: Tomcat JavaWeb基础:HTTP协议和基于Restful的架构 JavaWeb基础: Web工程配置文件 JavaWeb ...
- 超详细的Java面试题总结(四 )之JavaWeb基础知识总结
系列文章请查看: 超详细的Java面试题总结(一)之Java基础知识篇 超详细的Java面试题总结(二)之Java基础知识篇 超详细的Java面试题总结(三)之Java集合篇常见问题 超详细的Java ...
- Mybatis之基础应用小结以及IntelliJ IDEA目录结构的一些小问题
IntelliJ IDEA 目录结构的一些小问题 [Mybatis 之基础应用小结] 1.不管怎么样,先建立一个简单的MySQL数据表,如下所示 2.接下来要做的事情就是通过Mybatis对数据表进行 ...
- javascript之正则表达式基础知识小结
javascript之正则表达式基础知识小结,对于学习正则表达式的朋友是个不错的基础入门资料. 元字符 ^ $ . * + ? = ! : | \ / ( ) [ ] { } 在使用这些符号时需要 ...
- 关于java基础、多线程、JavaWeb基础、数据库、SSM、Springboot技术汇总
作者 : Stanley 罗昊 本人自行总结,纯手打,有疑问请在评论区留言 [转载请注明出处和署名,谢谢!] 一.java基础 1.多态有哪些体现形式? 重写.重载 2. Overriding的是什么 ...
- JavaWeb基础—XML学习小结
一.概述 是什么? 指可扩展标记语言 能干什么? 传输和存储数据 怎么干? 需要自行定义标签. XML 独立于硬件.软件以及应用程序 通常.建立完xml文件后首要的任务是:引入约束文件! 二.XML简 ...
随机推荐
- scp远程传输文件和ssh远程连接
ssh使用方法 如果从一台linux服务器通过ssh远程登录到另一台Linux机器, 这种情况通常会在多台服务器的时候用到. 如用root帐号连接一个IP为192.168.1.102的机器,输入:“ ...
- Windows远程桌面Debian配置
由于xrdp.gnome和unity之间的兼容性问题,在Debian仍然无法使用xrdp登陆gnome或unity的远程桌面,现象是登录后只有黑白点为背景,无图标也无法操作.使用xrdp只能登录xfc ...
- Linux 环境下为VirtualBox安装增强功能
VirtualBox安装CentOS后,再安装增强功能就可以共享文件夹.粘贴板以及鼠标无缝移动,主要步骤如下: 1.yum -y update 2.yum -y install g++ gcc gcc ...
- JQuery-学习。
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作.由约翰·雷西格(John Resig)在2006年1月的BarCamp NYC上发布第一个版本.目前是 ...
- Oracle EBS AR 更新客户账户层
declare x_return_status ); x_msg_count NUMBER; x_msg_data ); x_profile_id NUMBER; l_location_id NUMB ...
- 分别用C/C++ 和 C#实现简单的观察者模式
网上找了很多关于观察者模式的代码例子和文章,都写的比较复杂,我个人还是喜欢从易到难,今天自己参考网上资料,也写了一个简单观察者模式的例子,简单的复习了一下Observer 模式,Observer 模式 ...
- 关于Entity Framework更新的几种方式以及可能遇到的问题(附加类型“Model”的实体失败,因为相同类型的其他实体已具有相同的主键值)在使用 "Attach" 方法或者将实体的状态设置为 "Unchanged" 或 "Modified" 时如果图形中的任何实体具有冲突键值,则可能会发生上述行为
在日常使用Entity Framework中,数据更新通常会用到.下面就简单封装了一个DBContext类 public partial class EFContext<T> : DbCo ...
- iOS设计模式 - 组合
iOS设计模式 - 组合 原理图 说明 将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性.掌握组合模式的重点是要理解清楚 “部分/整体” 还有 ...
- 用TableView写带特效的cell
用TableView写带特效的cell 效果: 源码地址: https://github.com/YouXianMing/UI-Component-Collection 分析: 在UIScrollVi ...
- [UI] 精美UI界面欣赏[12]
精美UI界面欣赏[12]