html语言的学习

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）所有网页文件都有四对基本骨架

一般默认自带<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>

（6）链接

</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="黑"selected="select">黑</option></select> ---------------收起选择框

color:https://tool.oschina.net/commons?type=3

猜你喜欢