码迷,mamicode.com
首页 > Web开发 > 详细

Day12 前端html

时间:2017-09-20 14:46:17      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:结构   fresh   dex   add   127.0.0.1   嵌套   space   不同的   ash   

前端基础之HTML

老师博客:

http://www.cnblogs.com/yuanchenqi/articles/6835654.html

http://www.cnblogs.com/yuanchenqi/articles/6856399.html

 

html:静态的内容都是一个html标签,是有一组组标签构成的文件

css:对一个个标签做渲染定位

js:所有页面的动态效果做渲染定位

 

当写一个简单服务端的时候,一般这样写:

主要的是这:conn.send=("HTTP/1.1 201 OK \r\n\r\n %s" %response).encode("utf-8")

\r\n\r\n:后面的内容才是发给客户端的,这里\r\n\r\n的含义就是告诉客户端,后面是要接收的内容

技术分享
 1 import  socket
 2 
 3 sock=socket.socket()
 4 sock.bind(("127.0.0.1",10001))
 5 sock.listen(5)
 6 
 7 while 1:
 8     print("waiting")
 9     conn,addr=sock.accept()
10     data=conn.recv(1024)
11     print("data",data)
12     with open("index.html",encoding="utf-8") as f:
13         response=f.read()
14     conn.send=("HTTP/1.1 201 OK \r\n\r\n %s" %response).encode("utf-8")
15     conn.close()
View Code


2开头:成功

3开头:重定向

4开头:文件有问题

5开头:服务器故障


HTML结构:

技术分享

<!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档
<html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部<head>和主体<body>。
<head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。
<title></title>定义网页标题,在浏览器标题栏显示。 
<body></body>之间的文本是可见的网页主体内容

 


<head>内常用标签:

meta介绍
<meta>元素可提供有关页面的元信息(meta-information),针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部,不包含任何内容。
<meta>提供的信息是用户不可见的

meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 

(1)name属性: 主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。    

<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
 
<meta name="description" content="老男孩培训机构是由一个很老的男孩创建的">

 (2)http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)
 
<meta http-equiv="content-Type" charset=UTF8">
 
<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" /> 

 

非meta标签:

<title>oldboy</title>
    <link rel="icon" href="http://www.jd.com/favicon.ico">
    <link rel="stylesheet" href="css.css">
    <script src="hello.js"></script> 

 


标签:(分为两类,块级(boack)标签和内联(inline)标签)

渲染规则:从上到下,从左到右

block(块级):自己独占一行

inline(内联):自己不独占一行

 

块级标签可以嵌套内联标签和块级标签。

内联标签只能嵌套内联标签。

 

<h1></h1>:从1级到6级标签,都可以使用

<a href="https://www.baidu.com">click</a>:跳转标签

<img src="图片地址" title=“当你将鼠标放在图片上想要显示的内容”>

 

Day12 前端html

标签:结构   fresh   dex   add   127.0.0.1   嵌套   space   不同的   ash   

原文地址:http://www.cnblogs.com/sexiaoshuai/p/7560594.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!