1、定义:HTML 超文本标记语言(不是编程语言)
类似一个文本,、网页模板吧
标记:描述网页内容的一些特殊符号----------------所以html是一种描述性网页内容的语言
2、创建方式:1.电脑记事本,(重命名index.html,)网上也有一些多功能记事本
2. pycharm创建一个html项目[Python构建网页框架:(1)创建一个Django,在django框架中敲代码(2)直接创建Python file,写一个服务器,再调用html文件
import socket
server_html=socket.socket(socket.AF_INET,socket.SOCK_STREAM)
server_html.bind(("127.0.0.1",8080))
server_html.listen(10)
while True:
conn,addr=server_html.accept()
msg=conn.recv(1024*12)
print(conn)
#以字节读取数据的权限去打开html_pro.html文件
file_html=open("langbs.html","rb")
#读取文件内容
data=file_html.read()
#下面这句话必须写,关于http协议的内容,以后说
conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf-8"))
#发送读取的内容
conn.sendall(data)
conn.close()
*学习html:可以参考别人的网页的源代码(打开网页,鼠标右键,查看源文件)
3、html语法:
html5的所有标记都必须小写
(1)所有网页文件都有四对基本骨架
<html><head><title>标题</title></head><body>正文</body></html>
一般默认自带<meta charset="UTF-8">
(2)注释:<!--注释内容-->
(3)<body bgcolor="background color" background="background picture" text="text color" vlink="访问过的链接文本颜色" alink="激活的链接文本颜色" ></body>
<font color="text color" size="7" face="华文行楷"></font> ---------7是最大的size(1-7),网页中的文本字体、字号一般通过CSS修饰...
加粗<b></b>或者<strong></strong> 倾斜<i></i> 标题<hi></hi>(i=1,2,3..)随数字增大变小 段落<p></p> 对齐属性align存在于h、p..,方式align="left/center/right" <hr/>换行,保持美观 空格" "
(4)图片标记<img src="uniform.gif" alt="图片不显示时的文字解释" width=“” height=“” title="鼠标停留时显示的内容>
(5)简单列表的制作(无序)
<ul type="disc\circle\square">
<li type="..">内容1</li>
.....
</ul>
(6)链接
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="链接地址">
<span class="mui-icon iconfont icon-home"></span>
<span class="mui-tab-label">链接名</span>
</a>
</nav>
(7)做表单
<form method="post" action="网页地址或为空">----------action/服务器上处理表单的输出程序,method/服务器将数据发送给浏览器的方式
<input name="sousuo" type="search" placeholder="请输入关键字" maxlength="最大字符数"/> -----------文本框
<input type="submit/reset" value="Go"/> ---------------按钮(reset是取消)
<input type="password" value="" name="pass" maxlength=""/> ----------------密码框
<label>style</label>
<select><option value="粉">粉</option>
.......
<select><option value="黑"selected="select">黑</option></select> ---------------收起选择框
color:https://tool.oschina.net/commons?type=3