2020-08-15 day01 html基础

1 什么是HTML?

1 W3C万维网联盟,创建于1994年,是web技术领域最具有权威和影响力的国际中立性技术标准机构
2 ECMA:欧洲计算机制造商协会,制定了行为标准.

2 网页结构是什么?

组成为3部分
1  结构: 网页的结构部分
2  表现:网页的样式
3  行为:网页要实现的交互功能

3 WEB标准是什么?

1 机构:
 标准大部分是由W3C起草发布
 有些部分是ECMA起草发布
 2 WEB标准是网页制作的标准,它不是一个标准,它是根据网页组成部分生成的一系列标准..
 总结:
 (1)两个机构(W3C和ECMA)
 (2)网页制作的一系列标准

4 关于语言

1 HTML  指的是超文本标记语言,www万维网的描述性语言
2 XHTM  比HTML语法更加严格,可扩展超文本语言
3 HTML5 指的是HTML的第五次重大修改

*5 文件的命名规范

1 小写英文字母,数字,下划线组合
2 其中不得包含汉字,空格和特殊字符
3 必须以英文字母开头

HTML

1 组成:
	(1)标签(标记,标签,元素):写在<>里面的第一个单词
	(2)属性:属性和标记用空格隔开(属性="属性值")
2 语法:
	(1)常规标记(双标记):
		<标记名称 属性名="属性值"></标记名称>
	(2)空标记(单标记):
		<标记名 属性名="属性值"></标记名>

1 常用标签 (22个)

1 标题类 6个
	<h1>~<h6>
2 字体倾斜&加粗 4个
	倾斜 <i> <em>
	加粗 <b> <strong>  注意:strong是突出强调文本
3 下划线  1个
	<u>
4 换行&水平线 (空标签)   2个
 <br> 换行
 <hr> 水平线
 5 上下标  2个
   sup 上标
   sub 下标
 6 文本段落 2个
 	<p> 大段文本
 	<span> 小段文本  注意里面不能套用div
 7 列表 3个
 	有序列表  <ol><li></ol>
 	无序列表 <ul><li></ul>
 	自定义列表<dl><dt><dt><dd><dd><dl>
 8 超链接  1个
  	<a></a>
  	属性解释
  	href=" "链接地址
  	target="_blank/_self" 新空白页/自身页
  	title=" "  文本提示
  	rel="nofollow" 用于指定当前文本与被链接文档关系
  9 图片  1个
  <img /> 
  属性解释:
  1 src=" " 资源
  2 alt=" "  图片加载不出提示的文字
  3 title=" " 鼠标放上去的文本提示
  4 width=" " 图片宽度
  5 height=" " 图片高度
  6 border=" " 边框  (默认三像素边框)

2 表格基本结构和属性

(1)结构
<table>
	<tr>
		<td>
		</td>
	<tr>
</table>
table 表格
tr 行
td 列(每一个单元格)
(2)属性
1 width  表格的宽度
2 height 表格的高度
3 border 表格的边框
4 bordercolor 表格的边框色
5 cellspacing 单元格与单元格之间的间距(td)
6 cellpadding 单元格与内容之间的距离
7 align 表格的水平对齐方式 left right center
8 valign 表格的垂直对齐 top bottom middle
*9 合并单元格属性(td)
	合并列 colspan="列数"
	合并行 rowspan="行数"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在JSP页面中显示当前日期和月历,可以使用Java的Calendar类和HTML的表格标记来实现。以下是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Calendar Example</title> </head> <body> <h1>Current Date</h1> <p><%= java.time.LocalDate.now() %></p> <h1>Calendar</h1> <table> <tr> <th>Sun</th> <th>Mon</th> <th>Tue</th> <th>Wed</th> <th>Thu</th> <th>Fri</th> <th>Sat</th> </tr> <% java.util.Calendar cal = java.util.Calendar.getInstance(); cal.set(java.util.Calendar.DAY_OF_MONTH, 1); int firstDayOfWeek = cal.get(java.util.Calendar.DAY_OF_WEEK) - 1; int maxDayOfMonth = cal.getActualMaximum(java.util.Calendar.DAY_OF_MONTH); int dayOfMonth = 1; while (dayOfMonth <= maxDayOfMonth) { %> <tr> <% for (int i = 0; i < 7; i++) { if (i < firstDayOfWeek || dayOfMonth > maxDayOfMonth) { %> <td></td> <% } else { %> <td><%= dayOfMonth %></td> <% dayOfMonth++; } } %> </tr> <% } %> </table> </body> </html> ``` 这个JSP页面中使用了Java的LocalDate类来获取当前日期,并使用HTML标记来显示。同时,使用Java的Calendar类来计算月历中的日期,并通过JSP标记和HTML表格来动态生成月历。其中,`java.util.Calendar.getInstance()`方法获取当前日期的Calendar对象,`cal.set(java.util.Calendar.DAY_OF_MONTH, 1)`方法将当前日期设置为当月的第一天,`cal.get(java.util.Calendar.DAY_OF_WEEK)`方法获取当前日期是星期几,`cal.getActualMaximum(java.util.Calendar.DAY_OF_MONTH)`方法获取当前月份的最大天数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值