42 前端

跳转

跳转到前端的锚
跳转到自己写的一个服务端
跳转到html
跳转到底部

前端的的锚点
前端  内容的展示browser
后端  逻辑的处理

请求和响应：
html    显示的内容
css     样式   美化
js      动态效果

HTML  超文本标记语言  图片、视频、音频 
	  标记 标签  标记
	  
d
标签的分类：
块级标签 h1-h6
行内（内联）标签 span 
    br 换行
    b strong 加粗
    i em 斜体
    s del 删除线
    u 下划线
    img 图片 src(来源): 网络地址/本地路径、alt:图片的提示  、width:宽度 、                  height:高度
		
	a anchor 锚 超链接				
	href 锚点			
	网址 <a href="https://www.mi.com/" target="_blank">小米官网</a>	       回到顶部   <a href="#">回到顶部</a>
	回到底部： <a href="#xxx">跳转到底部</a>
	页面锚点： 标签添加id 、 a标签加name 
	target： _self(默认)  当前页面刷新  _blank   新建一个页面窗口
			
			

HTML标签：
head  一个的思维
	meta  元信息
	charset 编码 
	description  描述
	Keywords  关键字
	title  标题

	<style></style>  <!-- css -->
	<link rel="stylesheet" href="">  <!-- 连接 -->
	<script></script>    <!-- js -->


body  一个人的身体
自己写的一个服务端
import socket

sk = socket.socket()
sk.bind(('127.0.0.1', 9999))

sk.listen()

conn, addr = sk.accept()
data = conn.recv(1024)
print(data)
conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
conn.send("""<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="gbk">
    <title>Title</title>
</head>
<body>
国庆已经结束了！
</body>
</html>""".encode('GBK'))
conn.close()
sk.close()
html
<!doctype html>
<html lang="en">
<head>
<!--    <meta charset="UTF-8">-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<!--    <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">-->

    <title>Document</title>

</head>
<body>
<a href="#ddk1">跳转到DDK1</a>
<a href="#xxx">跳转到底部</a>
<h1>这是h1标签</h1><h2>这是h2标签</h2><h3>这是h3标签</h3><h4>这是h4标签</h4><h5>这是h5标签</h5><h6>这是h6标签</h6>
<span>国庆 <b>国庆</b> <strong>国庆</strong>   <i>国庆</i> <em>国庆</em>  <del>国庆</del>  <s>国庆</s>  <u>国庆</u>  </span>
<br>
<span>结束了</span>

<h1>这是h1标签</h1><h2>这是h2标签</h2><h3>这是h3标签</h3><h4>这是h4标签</h4><h5>这是h5标签</h5><h6>这是h6标签</h6>


<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570531325209&di=dbd6c0f2baf4f2ade9879ba62009c598&imgtype=0&src=http%3A%2F%2Fimages.zi.org.tw%2Fkocpc%2F2019%2F02%2F1550196726-ef590f7d53d3457f2f87ff6482f0b91b.jpg" alt="" ></body></html>
<a href="https://www.mi.com/" target="_blank">小米官网</a>
实例

<!doctype html>

<title>Document</title>
跳转到DDK1 跳转到底部

这是h1标签

这是h2标签

这是h3标签

这是h4标签

这是h5标签
这是h6标签

国庆 国庆 国庆 国庆 国庆 国庆 国庆 国庆


结束了

这是h1标签

这是h2标签

这是h3标签

这是h4标签

这是h5标签
这是h6标签

小米手机
小米官网

回到顶部

posted @ 2019-10-08 16:36  谢国宏  阅读(173)  评论(0)  编辑  收藏  举报