html常用标签

一、基于socket实现的web服务

将服务端的文件发送到浏览器渲染展现

import socket

def main():

sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

sock.bind(('localhost',8081))

sock.listen(5)

while True:

print("server is working.....")

conn, address = sock.accept()

request = conn.recv(1024)

f=open("index.html")

data=f.read()

conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n%s"%data,"utf8"))

conn.close()

if __name__ == '__main__':

main()

二、html标签

标签的规则：浏览器识别的一套规则，浏览器按顺序渲染网页文件

html固定结构:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

</body>
</html>

<!DOCTYPE >:声明使用哪种html规范

html标签包含head和body

head之间的内容不会在浏览器的文档窗口显示，但是中间的元素具有特殊意义

title定义网页标题

body之间的内容的可见的网页的主体内容

html标签格式

自闭合标签

标签后可加空格放多个属性名和属性值的键值对

标签的功能借助属性和属性值来实现

标签的语法:

<标签名属性1="属性值1" 属性2="属性值2"。。。>渲染内容</标签名 >

标签的树形结构

易读性:代码缩进

常用标签

meat标签

name属性

name="keywords" -- 固定结构

content="搜索的关键词"

name="description"

content="网站介绍"

http-equiv属性跟请求头有关系

link标签

body内常用标签

标签分类

块级标签，内联标签

基本标签

1.<h1></h1>标签

2.p标签

3.br标签--换行

4.hr

5.strong/b -- 加粗

6.i -- 倾斜

7.strike -- 加横线

8.sub/sup -- 上角标下角标

9.特殊字符

专为css而用

10.div -- 自定义属性块级标签

11.span -- 同div 区别在于span为内联标签

12.img标签--内联标签

src -- 指定图片来源

alt -- 提示信息

title -- 隐藏标题

13. a标签--调整连接的功能
<a href="http://www.baidu.com" target="_blank">click</a> -- 文字跳转
<a href="css.html" target="_blank">click2</a>
<a href="http://www.baidu.com"><img src="s.png" alt=""></a> --嵌套img标签点击图片跳转

target--保留原页面

14.列表标签

　　ul--无序列表，配合li来使用，替换或者去掉前置实心圆

　　ol--有序列表，配合li来使用

　　dl--定义列表，配合dt(标题项)、dd（列表项）来使用
15.table标签
　　边框调整
　　　　border属性--表格边框
　　　　cellpadding属性--内边距，文本与边框间距
　　　　cellspacing属性--边框与边框的间距
　　tr列标签
　　　　th表头标签
　　　　td数据标签
　　　　行列单元合并
　　　　(rowspan、colspan)
16.form标签 --

　　action：请求路径

　　method属性（发送数据的方式:get post）

功能：跟server端通信，从而实现用户与web的交互　　

　　input标签
　　　　type属性的8中属性值
　　　　　　text
　　　　　　password -- 隐式输入
　　　　　　checkbox -- 复选框
　　　　　　　　checked属性 -- 默认选项
　　　　　　radio -- 单选
　　　　　　　　设置name、value才有单选功能
　　　　　　file -- 选择文件传输 -- 请求方式必须是post，enctype="multipart/form-data"
　　　　　　button -- 按钮（自定义事件）
　　　　　　reset -- 重置输入
　　　　　　submit -- 提交数据
　　　　　　　　name属性 value属性
　　　　　　　　　　定义提交数据的键值对，告诉server端提交的内容
　　label标签
　　　　for属性跟input标签的id属性对应
17.select标签下拉
　　name属性

　　size=""

　　multiple属性
　　option属性
　　selected属性默认选项
18.textarea标签（多行文本框）
　　cols、rows属性定义文本框的长高
19.fieldset标签
　　legend标签

posted @ 2017-07-19 14:06 geek_ace 阅读(163) 评论(0) 编辑收藏举报

刷新页面返回顶部

html常用标签

公告