学习内容: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. Fiddler 4 对app接口抓取

    一.先打开模拟器 二.在Fiddler 4 选项中修改端口号和去掉一个勾选 三.在终端查看ip 输入ipconfig 四.点开模拟器的设置 五.点击WLAN 六.长按网络,修改网络 七.输入ip端口号 ...

  2. 老猿学5G:3GPP和中国移动5G计费架构概览

    ☞ ░ 前往老猿Python博文目录 ░ 一.引言 老猿学5G这个专栏主要记录笔者因工作原因学习了解5G计费相关知识,文章按时间顺序循序渐进的介绍5G基础概念以及5G计费相关知识,该专栏前期已经完结, ...

  3. PyQt学习随笔:自定义信号连接时报AttributeError: 'PyQt5.QtCore.pyqtSignal' object has no attribute 'connect'

    专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 如果使用自定义信号,一定要记得信号是类变量,必须在类中定义,不能在实例 ...

  4. Python实现自动整理文件

    前言 工作上的文档和资料好几个月没整理了,因为平常太忙都是随手往桌面丢.整个桌面杂乱无章全是文档和资料.几乎快占满整个屏幕了,所有我必须要整理一下了.但是手动整理太费时间了,于是我想到了python. ...

  5. 团队作业4-Day4

    团队作业4-Day4 项目git地址 1. 站立式会议 2. 项目燃尽图 3. 适当的项目截图 4. 代码/文档签入记录(部分) 5. 每人每日总结 吴梓华:完成了排位模式与练习模式的界面实现,整合代 ...

  6. AcWing 369. 北大ACM队的远足

    \(\text{Update on 2020.3.25}\) 我之前的做法也有问题,讨论还是不够严谨,导致又有几组(见 打卡评论区)\(\text{Hack}\) 此题数据极水,这里有几种错误写法: ...

  7. 安卓基于谷歌串口api进行串口开发

    准备材料 AndroidStudio 谷歌android-serialport-api 前情提要 网上提供很多基于c语言对安卓串口开发,有jni.cmake等等,不过都太高深,谷歌提供的api已经可以 ...

  8. GitLab的基本了解和使用

    使用前提 GitLab账号 安装好git VSCODE && 配置GitPath 在vscode里配置GitPath file-preferences-setting 在search ...

  9. 最简单的 K8S 部署文件编写姿势,没有之一!

    1. 头疼编写K8S部署文件? K8S yaml 参数很多,需要边写边查? 保留回滚版本数怎么设? 如何探测启动成功,如何探活? 如何分配和限制资源? 如何设置时区?否则打印日志是GMT标准时间 如何 ...

  10. 【震惊】padding-top的百分比值参考对象竟是父级元素的宽度

    引言 书写页面样式与布局是前端工程师Coding 中必不可少的一项工作,在定义页面元素的样式时,padding 属性也是经常被使用到的. padding 属性用于设置元素的内边距,其值可以是lengt ...