JavaDailyReports10_18
学习内容:HTML基本知识
1、通常标记具有默认属性,当一个标记中只有标记名时,使用默认属性。
2、HTML标记有两种:单标记和双标记,单标记的语法格式: <标记名称/>
3、不同的属性之间用空格间隔,属性值可以使用引号括起来,也可以不使用,HTML标记不区分大小写。
4、颜色
①颜色名称: <body text =“red”>
②16进制颜色代码:#RRGGBB “红绿蓝”。
③10进制RGB码:语法格式:RGB(RRR,GGG,BBB) “红绿蓝”。
5、标题标记
<hn align = "对齐方式"> 标题文本 </hn>
6、字体标记
默认中文网页黑色、宋体、三号字。
<font face="字体名称" size = "字号" color ="字体颜色" > ********文字内容********** </font>
字号取值范围 1-7
7、段落标记
<p> 单标记 与上文产生一个空行
双标记 与上下文产生一个空行
同样可以设置段落格式(对齐方式)
换行标记
<br> 不能设置属性 单标记 一次换行使用 一次 <br/>
连续使用两次 换行相当于一个段落标记
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
2 <%
3 String path = request.getContextPath();
4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
5 %>
6
7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
8 <html>
9 <head>
10 <base href="<%=basePath%>">
11
12 <title>字体标记的使用</title>
13 <meta http-equiv="pragma" content="no-cache">
14 <meta http-equiv="cache-control" content="no-cache">
15 <meta http-equiv="expires" content="0">
16 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
17
18 <meta http-equiv="description" content="This is my page">
19 <!--
20 <link rel="stylesheet" type="text/css" href="styles.css">
21 -->
22
23 </head>
24
25 <body>
26
27 <font size= 4 color ="red" face="楷体">《登鹳雀楼》<p/> 白日依山尽 <br> 黄河入海流 <br>
28 欲穷千里目,<br/> 更上一层楼。 </font>
29
30 </body>
31 </html>
8、预格式化标记
让浏览器自动排版的时候保留本来的格式。
<pre> 标记 </pre>
9、转义字符
三部分构成:①第一部分是“&”符号。
②第二部分实体名字或者“#”+实体名字编号。
③分号,表示转义字符结束。
10、文字修饰标记
<b>
<i>
<u>
<s> 删除线
<sup> 上标
<sub> 下标
11、列表标记
①无序列表
使用项目符号
<ul type ="列表的标记符">
<li> 项目一 </li>
<li>项目二</li>
...
</ul>
type 属性的取值定义: disc 实心圆(默认值) circle 空心圆 square 实心方块。
②有序列表
<ol type = "列表标记符" start ="起始值">
<li> ... </li>
<li> ... </li>
.....
</ol>
type属性取值范围 : 1,a,A,i,I
i:小写罗马
I:大写罗马
10、嵌套列表
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
2 <%
3 String path = request.getContextPath();
4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
5 %>
6
7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
8 <html>
9 <head>
10 <base href="<%=basePath%>">
11
12 <title>字体标记的使用</title>
13 <meta http-equiv="pragma" content="no-cache">
14 <meta http-equiv="cache-control" content="no-cache">
15 <meta http-equiv="expires" content="0">
16 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
17
18 <meta http-equiv="description" content="This is my page">
19 <!--
20 <link rel="stylesheet" type="text/css" href="styles.css">
21 -->
22
23 </head>
24
25 <body>
26
27 <h1>嵌套列表</h1>
28 <font size=7 color ="blue" face="隶书">
29
30
31
32
33 <ul type = "square ">
34 <li> 树叶</li>
35 <li> 树
36 <ol>
37 <li>枫树</li>
38 <li>杨树</li>
39 </ol>
40
41 </li>
42 <li>还有什么呀</li>
43 </ul>
44 </font>
45 </body>
46 </html>
11、分割线标记
标记名称:<hr> 单独使用
<hr align = "center" color = "blue" width="%59">
属性: align 对齐方式 “center”
noshade 设置水平线是纯色没有阴影
size 设置水平线的高度 单位像素
width 宽度
color 颜色
JavaDailyReports10_18的更多相关文章
随机推荐
- Spring Boot 集成多个 Kafka
一.配置文件 application.yml spring: kafka: one: bootstrap-servers: IP:PORT consumer: group-id: YOUR_GROUP ...
- 20190713_发布网站的时候报错:无法完成向远程代理 URL 发送请求 基础连接已经关闭 发送时发生错误
环境介绍: Vs2017 IIS 7.5 服务器: windows 2008 R2 overflow上有一篇帖子讲了关于问题的解决办法: 链接: https://stackoverflow.com/q ...
- Jmeter介绍、下载及配置
Jmeter介绍: Apache JMeter是Apache组织开发的基于Java的压力测试工具.最初被设计用于Web应用测试,后来扩展到其他测试领域. 它可以用于测试静态和动态资源,例如静态文件.J ...
- 第7.18节 案例详解:Python类中装饰器@staticmethod定义的静态方法
第7.18节 案例详解:Python类中装饰器@staticmethod定义的静态方法 上节介绍了Python中类的静态方法,本节将结合案例详细说明相关内容. 一. 案例说明 本节定义了类Sta ...
- Python中import模块时报SyntaxError: (unicode error)utf-8 codec can not decode 错误的解决办法
老猿有个通过UE编辑(其他文本编辑器一样有类似问题)的bmi.py文件,在Python Idle环境打开文件执行时没有问题,但import时报错: SyntaxError: (unicode erro ...
- PyQt(Python+Qt)学习随笔:QTableWidgetItem项的复选状态checkState访问方法
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 QTableWidget表格部件中的QTableWidgetItem项可以单独设置复选状态,如图所有 ...
- 第11.10节 Python正则表达式的非贪婪模式的重复匹配:'*?', '+?',和 '??'
在<第11.9节 Pytho正则表达式的贪婪模式和非贪婪模式>老猿简单介绍了贪婪模式和非贪婪模式,并说明'', '+',和 '?' 修饰符都是 贪婪的:它们在字符串进行尽可能多的匹配.有时 ...
- 第15.19节 PyQt(Python+Qt)入门学习:自定义信号与槽连接
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.引言 本文利用中介绍了PyQt中的信号和槽机制,除了使用PyQt组件的已有信号外,PyQt和Qt ...
- leetcode(三)——2020.05.31
(上周7道题完成) 本周leetcode题目(from leetcode hot100): 15 17 19 21 33 94 42 额外完成: 22(回溯), 8, 31,200
- Scrum 冲刺 第四篇
Scrum 冲刺 第四篇 每日会议照片 昨天已完成工作 队员 昨日完成任务 黄梓浩 初步完成app项目架构搭建 黄清山 完成部分个人界面模块数据库的接口 邓富荣 完成部分后台首页模块数据库的接口 钟俊 ...