案例一：网站信息显示页面
1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)
　　超文本：功能比普通文本更加强大
　　标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)

2.为什么要学习HTML？
　　可以利用HTML来定义网站中的文章内容、标题、连结、图片等，让浏览器知道网站整个架构的呈现

3.语法和规范？
　　HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
　　HTML文件分为头部分(<head></head>)和体部分(<body></body>)
　　HTML标签都是由开始标签和结束标签组成。(也有特殊的，如：<br />、<hr />)
　　HTML标签不区分大小写，建议使用小写。

4.HTML相关标签学习
　　标题标签<hn />
　　水平线标签 <hr />
　　段落标签<p></p>
　　字体标签<font></font>
　　属性：size:指定内容的大小
　　color：指定内容的颜色
　　face：指定内容的字体
　　加粗：<b></b>
　　斜体：<i></i>
　　下划线：<u></u>

5.步骤分析：
　　①创建一个html文件
　　②创建一个标题标签显示公司简介
　　③创建一条水平线标签
　　④创建四个段落标签

案例二：网站图片显示页面
1.图片标签
　　<img />
　　属性：
　　　　src:指的是图片显示的路径(位置)
　　　　绝对路径：E:\Users\ThinkPad\Desktop\0703JavaEE就业班\WEB01_HTML\资料\WEB01\image
　　　　相对路径：
　　　　　　①同一级：直接写文件名称或者./文件名称
　　　　　　②上一级：../文件名称
　　　　　　③下一级：写上目录名称/文件名称
　　　　width:指定图片的宽度，取值可以是像素值，也可以是百分比
　　　　height：指定图片的高度，取值可以是像素值，也可以是百分比
　　　　alt：当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)


案例三：网站友情链接显示页面
1.列表标签
　　有序列表：
　　　　<ol type="I" start="" reversed="reversed">
　　　　　　<li></li>
　　　　</ol>
　　无序列表：
　　　　<ul type="">
　　　　　　<li></li>
　　　　</ul>

2.超链接标签
　　<a href="" target=""></a>
　　href:指定跳转的位置
　　target：指定跳转页面显示的位置(取值：_self 、_blank)

案例四：网站首页显示页面
1.表格标签
　　<table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
　　　　<tr>
　　　　　　<td></td>
　　　　　　<td></td>
　　　　　　<td></td>
　　　　</tr>
　　　　<tr>
　　　　　　<td></td>
　　　　</tr>
　　　　<tr>
　　　　　　<td></td>
　　　　</tr>
　　</table>

2.跨行跨列操作
　　跨行：rowspan
　　跨列：colspan


案例五：网站后台系统页面
框架集标签：
　　<frameset rows="" cols="">
　　　　<frame src=""/>
　　　　<frame name=""/>
　　</frameset>

【javaweb学习笔记】WEB01_HTML的更多相关文章

  1. JavaWeb学习笔记总结 目录篇

    JavaWeb学习笔记一: XML解析 JavaWeb学习笔记二 Http协议和Tomcat服务器 JavaWeb学习笔记三 Servlet JavaWeb学习笔记四 request&resp ...

  2. javaweb学习笔记整理补课

    javaweb学习笔记整理补课 * JavaWeb: * 使用Java语言开发基于互联网的项目 * 软件架构: 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端 ...

  3. 【JAVAWEB学习笔记】06_jQuery基础

    接05的学习笔记. 四.使用JQ完成省市二级联动 1.需求分析 使用jquery完成省市二级联动 2.技术分析 2.1数组的遍历操作 方式一: $(function(){ // 全选/ 全不选 $(& ...

  4. javaweb学习笔记（二）

    一.javaweb学习是所需要的细节 1.Cookie的注意点 ① Cookie一旦创建,它的名称就不能更改,Cookie的值可以为任意值,创建后允许被修改. ② 关于Cookie中的setMaxAg ...

  5. Javaweb学习笔记（一）

    一.javaweb学习是所需要的细节 1.发送响应头相关的方法 1).addHeader()与setHeader()都是设置HTTP协议的响应头字段,区别是addHeader()方法可以增加同名的响应 ...

  6. JavaWeb学习笔记之Servlet（一）

    1. 引子: 当我们开始进入JavaWeb开发的学习时,我们就必须要和Servlet和HTTP这两个词进行打交道了,尤其是Servlet.即使到了后面使用JSP (我们知道JSP其本身就是一个Serv ...

  7. 【JAVAWEB学习笔记】09_MySQL多表&JDBC（包含MySQL数据库思维导图）

    今天晨读单词: order:订单constraint:(强制)约束foreign key:外键references:指向orderitem:订单项join:加入resourceBundle:资源捆绑c ...

  8. 【JAVAWEB学习笔记】01_HTML

    案例一:网站信息显示页面1.什么是HTML?(Hyper Text Markup Language:超文本标记语言) 超文本:功能比普通文本更加强大 标记语言:使用一组标签对内容进行描述的一门语言(它 ...

  9. Javaweb学习笔记——（二十三）——————AJAX、XStream、JSON

    AJAX概述     1.什么是AJAX         ajax(Asynchronous JavaScript and xml) 翻译成中文就是"异步JavaScript和xml&quo ...

随机推荐

  1. python 爬取腾讯微博并生成词云

    本文以延参法师的腾讯微博为例进行爬取并分析 ,话不多说 直接附上源代码.其中有比较详细的注释. 需要用到的包有 BeautifulSoup WordCloud jieba # coding:utf-8 ...

  2. 使用xUnit为.net core程序进行单元测试(上)

    一. 导读 为什么要编写自动化测试程序(Automated Tests)? 可以频繁的进行测试 可以在任何时间进行测试,也可以按计划定时进行,例如:可以在半夜进行自动测试. 肯定比人工测试要快. 可以 ...

  3. 如何迭代输出某文件夹下的所有文件的路径？(os.walk用法)

    查看目录结构: tree 查看文件结构: os.walk 查看os.walk用法: help(os.walk) For each directory in the directory tree roo ...

  4. js中时间的处理

    转自 : http://blog.csdn.net/xichenguan/article/details/45512541 //将格林时间转换成字符串格式的,用于显示带页面 time : 格林时间 v ...

  5. 简单的基于hash和hashchange的前端路由

    hash定义 hash这个玩意是地址栏上#及后面部分,代表网页中的一个位置,#后面部分为位置标识符.页面打开后,会自动滚动到指定位置处. 位置标识符 ,一是使用锚点,比如<a name=&quo ...

  6. vim中的批量替换

    VI中的批量替换   1) 文件内全部替换:   :%s#abc#123#g (如文件内有#,可用/替换,:%s/abc/123/g)     --注:把abc替换成123   (或者: %s/str ...

  7. 学习笔记 - 用js判断页面是否加载完成实现代码

    用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == "complete"判断是否加载完成 docum ...

  8. Vijos P1127 级数求和【模拟】

    级数求和 描述 已知:Sn= 1+1/2+1/3+…+1/n.显然对于任意一个整数K,当n足够大的时候,Sn大于K. 现给出一个整数K(1<=k<=15),要求计算出一个最小的n:使得Sn ...

  9. [bzoj2594][Wc2006]水管局长数据加强版 (lct)

    论蒟蒻的自我修养T_T.. 和noi2014魔法森林基本一样...然而数据范围大得sxbk...UPD:这题如果用lct判联通的话可能会被卡到O(mlogm)..所以最好还是用并查集吧 一开始数组开太 ...

  10. B. Duff in Love

    B. Duff in Love time limit per test 2 seconds memory limit per test 256 megabytes input standard inp ...