JavaDay27 HTML
tags:
- HTML
style: summer
flag: yellow
JavaDay27 HTML
一、复习
- 多线程：
-
进程是在操作系统中运行的一个应用程序，例如QQ，Word, Eclipse
-
线程就是在应用程序中的某一个功能：QQ的视频功能和聊天功能，LOL游戏操作和即时聊天，Eclipse多个文件打开
-
创建多线程的两种方式：
1.继承Thread类，重写run方法，创建自定义线程类对象， 调用start方法，开启线程
2.【遵从】Runnable接口，实现接口中要求完成的run方法，创建Thread类对象，构造使用的参数，是Runnable接口的实现类，利用Thread类对象的start方法，开启线程 -
synchronized 同步代码块
-
synchronized (锁对象) {
同步的代码
}
-
同步函数(还没有讲)
-
TCP/IP UDP:
-
UDP：
1.面向无连接，数据是采用数据包的形式发送的
2.数据包是有大小限制的，每一个数据的大小都是在64KB以内
3.因为无连接，所以不可靠
4.因为无连接，所以速度快
5.UDP没有客户端和服务端，只有发送端和接收端- 常用方法：
DatagramSocket();
DatagramPacket(byte[] buf, int length, InetAddress address, int port);
sender(DatagramPacket packet);
receive(DatagramPacket packet); - 使用场景：
网络游戏，视频直播
- 常用方法：
-
TCP：
- 面向连接，数据发送时必须经过三次握手
- 数据发送没有数据包限制大小
- 因为是面向连接，所以传输可靠
- 因为是面向连接，所以传世效率低
- TCP有客户端和服务端之分
-
常用的方法：
Socket(); //客户端创建TCP协议下的Socket传输
ServerSocket(); 监听端口，捕获客户端发送的连接请求，捕获客户端的socket
accept(); TCP的三次握手机制 -
TCP数据传输是基于IO流的，是通过Socket获取到对应输入和输出流即： getInputStream和getOutStream
-
二、前提知识：
(一) C/S 和 B/S 架构
C/S：客户端和服务器架构
B/S是浏览器和服务器架构
相比较而言：
B/S架构开发，维护的成本要远远低于C/S架构，B/S架构是现在最流行的一种开发方式
三、 HTML初识
（一）标签/属性/元素
- 标签:
就是以<>包含的特定字符串，通常用开始标签和结束标签- 双边标签：
<标签名>内容 - 单边标签：
<标签名 />
- 双边标签：
- 属性：
<标签名 属性1="值1" 属性2='值2' 属性3=值3>内容
属性都是【键值对】形式
建议:标签的属性值要使用双引号包含 - 元素:
一个完整的标签称之为元素
(二) 全局架构标签：
<!DOCTYPE HTML>
<html>
<head>
<!--
这里是注释
Head里面的内容是不再页面内部展示的
-->
</head>
<body>
<!-- 所见即所得 -->
</body>
</html>
-
注意事项：
1.所有的内容，必须全部写在HTML标签内
2.head标签里面的内容不会展示在页面当中
3.所有需要展示的内容，都要放到body里面 -
常见的属性：
-
表示换行 -
vlink 表示点击后的链接颜色
-
alink 表示鼠标放在上面时链接颜色
-
link 表示没有点击过的链接颜色
-
网页的超链接标签
-
Https 安全连接
-
http 不是安全连接
-
text = “green” 文本颜色为绿色
-
bgcolor = " " 整个页面的背景为XXX
-
为超链接
-
<html>
<head>
<meta charset="utf-8" />
head>
<body text="green" vlink="gray" alink="red"
link="black" bgcolor="yellowgreen">
我们三是智障~~ <br />
<a href="https://www.baidu.com">百度一下,你就知道a> <br />
<a href="http://www.163.com">网易a> <br />
<a href="http://www.vip.com">唯品会a> <br />
body>
html>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PWeUrFPd-1569851820505)($resource/%E6%98%BE%E7%A4%BA%E6%A0%B7%E5%BC%8F.jpg)]
(三) 几乎所有的标签都有的一些属性(结合JS/CSS使用)
class name id style
（四）字符实体
为空格，写几个就是空几个格 <hello >显示为
字符实体是为了解决一些本身具有特殊含义的字符展示，例如" ’ ?
全部的字符表示： www.w3school.com.cn
(五) 常用的标签(文本修饰)
<h1>H1标签内容h1>
<h2>H2标签内容h2>
<h3>H3标签内容h3>
<h4>H4标签内容h4>
<h5>H5标签内容h5>
<h6>H6标签内容h6>
<b>加粗b>
<strong>加粗strong>
<i>斜体i>
<em>斜体em>
<cite>斜体cite>
<b><i>加粗斜体i>b>
<u>下划线u>
<del>删除线del>
<s>删除线s>
X<sup>2sup> 表示：x的平方 y<sub>2sub> 表示y的下标2
（六）格式控制
- 段落：
- 换行：
- 水平线（就是一条线）：
- 无序列表：默认是黑圆点
ul可以加上type属性修改源点样式，属性值:circle（圆空心） square（方黑心） none （没有） desc（）
<li>啦 1li>
<li>啦 2li>
<li>啦 3li>
ul>
- 有序列表：
ol可以添加type属性，属性值可以是A/a/I/1 还可以有start 从哪一个开始
<li>li>
<li>li>
<li>li>
ol>
- 自定义列表：
<dl>
<dt>标题dt>
<dd>内容一dd>
<dd>内容二dd>
<dd>内容三dd>
dl>
（七）超链接标签：
超链接标签为：
href:目标地址/mailto/tel
target:打开页面的方式， _blank 表示 新建空白页，重新打开
title：鼠标悬停之后的提示
name:本页面内 可以作为锚点，跳转
其他页面标签作为锚点：可以用id属性
注：
从这里跳 a>
跳到这里,通过#可以调回去 a>
从这里跳 a>
从这里跳 a>
跳到这里,通过#可以调回去 a>
<body>
<a href="http://www.baidu.com" target="_blank">百度一下,你就知道a> <br />
<a href="tel:15565311790" title="打电话给杰哥">呼叫杰哥a> <br />
<a href="mailto:[email protected]">发邮件给磊哥a> <br />
<a href="7.html#dst" target="_blank">看看你去哪了a> <br/>
<a name="C" href="#">C位置,返回a>
body>
上面链接中对应的 7.html 文件如下：
<body>
我在这里强调一下，没有什么锁链能够锁住中国。
<b id="dst">目标位置b>
<p>记者： 台湾军方23日称，解放军轰-6K等各型军机开展出岛链远海训练，
p>
body>
（八）图片
图片表示：
src: 文件路径:可以是本地的绝对路径或者网络地址
width:宽度
height:高度
alt:图片显示不出来的时候，用该字段串代替；
<body>
<img src="img/timg.jpg" width="50" height="50" alt="阿狸" title="测试阿狸"/>
body>
（九）统一资源定位符 URL：
https://www.baidu.com/s? // ?前面表示地址，后面表示参数
wd=%E9%83%AD%E8%BE%BE%E6%96%AF%E5%9D%A6%E6%A3%AE
rsv_spt=1&
格式：协议://地址:端口/文件?键1=值1&键2=值2
例如: https://www.baidu.com:80/index.html?page=2&user=lxl
（十）多媒体标签：
- audio属性：src(地址) controls（控制栏） autoplay （自动播放） loop（循环）
- video多两个属性：width 和 height
<body>
<audio src="audio/Ryan.B,AY楊佬叁 - 再也没有.mp3"
autoplay controls>audio>
<video src="video/搞笑视频.mp4" autoplay controls>video>
body>