学习内容：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的更多相关文章
	

    
				

	


随机推荐
	

    
									
  1. unittest框架中读取有特殊符号的配置文件内容的方法-configparser的RawConfigParser类应用
			
    在搭建Unittest框架中,出现了一个问题,配置文件.ini中,出现了特殊字符如何处理? 通过 1.configparser的第三方库对应的ConfigParser类,无法完成对特殊字符的读取: # ...
    
			
    2. 
						
  2. 教学之Treap
			
    放在前面的话 本蒟蒻因为最近的题目总是搞点奇奇怪怪的平衡树,就去学了下\(Treap\) 现在来总结一下 由于本人是个蒟蒻,本文可能有部分错误,麻烦各位读者大佬在评论区提醒 什么是\(Treap\)  ...
    
			
    3. 
						
  3. 树莓派搭建seafile服务器备忘
			
    用户:pi 密码:raspberry 启用root用户https://blog.csdn.net/chenxd1101/article/details/53437925(防止特殊原因pi用户不能登录时 ...
    
			
    4. 
						
  4. PyQt(Python+Qt)学习随笔：视图中类QAbstractItemView的dragDropOverwriteMode属性
			
    老猿Python博文目录 老猿Python博客地址 一.属性的作用 dragDropOverwriteMode属性用于控制视图的拖放行为,如果其值为True,则视图中选定的数据将在拖拽数据放下时被覆盖 ...
    
			
    5. 
						
  5. 写了一个类似与豆瓣的电影的flask小demo
			
    先展示页面 基本的功能是都已经实现了,更多那个地方是可以点的.只不过视频上面还用的宏,哎呀,感觉麻烦.有多麻烦呢,需要先定义一个宏,然后进行引用.我们才能是用,以我的观点,还不如直接是一个循环完事.. ...
    
			
    6. 
						
  6. Scrum 冲刺 第三篇
			
    Scrum 冲刺 第三篇 每日会议照片 昨天已完成工作 队员 昨日完成任务 黄梓浩 继续完成app项目架构搭建 黄清山 完成部分个人界面模块数据库的接口 邓富荣 完成部分后台首页模块数据库的接口 钟俊 ...
    
			
    7. 
						
  7. Panda 交易所热点关注：股权交易中心+区块链试点将开始
			
    近期,Panda 交易所注意到,中国证监会已同意北京.上海等5家区域性股权市场参与区块链建设试点工作.Panda 交易所获悉的具体情况是,北京股权交易中心曾联合其他单位共同推出区域性股权市场中介机构征 ...
    
			
    8. 
						
  8. Springboot mini - Solon详解（四）- Solon的事务传播机制
			
    Springboot min -Solon 详解系列文章: Springboot mini - Solon详解(一)- 快速入门 Springboot mini - Solon详解(二)- Solon ...
    
			
    9. 
						
  9. STL——容器（Set & multiset）的查找
			
    1. set.find(elem); //查找elem元素,返回指向elem元素的迭代器. 1 #include <iostream> 2 #include <set> 3 4 ...
    
			
    10. 
						
  10. STL——容器（Set & multiset）的默认构造 & 带参构造 & 对象的拷贝构造与赋值
			
    1. 默认构造 set<int> setInt;              //一个存放int的set容器. set<float> setFloat;          //一 ...
    
			
    11.