HTML基础学习-1
来源:互联网 发布:淘宝图片尺寸大小 编辑:程序博客网 时间:2024/06/06 04:30
Web的本质就是利用浏览器访问socket服务端,socket服务端收到请求回复数据提供给浏览器进行渲染显示
HTML基础
import socketdef 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) conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n<h1>Hello world</h1>","utf8")) #服务端返回数据给浏览器渲染显示,注意头部信息:版本号和状态码 conn.close()if __name__ == '__main__': main()
超文本标记语言(Hypertext Markup Language,HTML)是一门标记语言,并不是编程语言,该语言通过浏览器能识别的规则标签来标记要显示的网页中的各个部分。浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性)。
静态网页文件扩展名:.html 或 .htm
HTML结构
<!DOCTYPE html> #告诉浏览器使用什么标记语言解释,如html、html5、xhtml等<html lang="en"> #Html文件声明的开始<head> #文件开头部分,里面的元素不会显示在页面中,但是每一个元素都有特殊的含义 <meta charset="UTF-8"> <title>Title</title> #网页的标题</head><body> #文件主体部分</body></html> #Html文件声明的结束
HTML标签格式
标签的语法
闭合标签: <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分
<hn>: n的取值范围是1~6; 从大到小. 用来表示标题.<p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白.<b> <strong>: 加粗标签.<strike>: 为文字加上一条中线.<em>: 文字变成斜体.<sup>和<sub>: 上角标 和 下角表.<br>:换行.<hr>:水平线特殊字符: < >;";©®
<div>和<span>标签<div> </div> : <div>只是一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现. <span></span>: <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现.块级元素与内联元素的区别所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。标签嵌套标准:块级标签可以嵌套内联标签和块级标签,内联标签只能嵌套内联标签
标签
src: 要显示图片的路径.alt: 图片没有加载成功时的提示.title: 鼠标悬浮时的提示信息.width: 图片的宽height:图片的高 (宽高两个属性只用一个会自动等比缩放.)
超链接标签(锚标签)
什么是超级链接?
所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序
什么是URL?URL是统一资源定位器(Uniform Resource Locator)的缩写,也被称为网页地址,是因特网上标准的资源的地址。URL举例http://www.sohu.com/stu/intro.htmlhttp://222.172.123.33/stu/intro.htmlURL地址由4部分组成第1部分:为协议:http://、ftp://等 第2部分:为站点地址:可以是域名或IP地址第3部分:为页面在站点中的目录:stu第4部分:为页面名称,例如 index.html各部分之间用“/”符号隔开。URL介绍
表格标签表格概念
表格是一个二维数据空间,一个表格由若干行组成,一个行又有若干单元格组成,单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式(即按行和列组织)的数据。
#表格的基本结构<table> <tr> #行 <td>标题</td> #列 <td>标题</td> </tr> <tr> <td>内容</td> #列 <td>内容</td> </tr></table>
表格属性
border: 表格边框.
cellpadding: 内边距
cellspacing: 外边距.
width: 像素 百分比.(最好通过css来设置长宽)
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列(即合并单元格)
阅读全文
0 0
- html基础学习---1
- HTML基础学习-1
- html学习基础篇--1
- html基础语法学习(1)
- 【HTML基础学习】Day 1
- HTML学习基础-<!DOCTYPE html>
- Html学习笔记(1)基础语法
- 零基础学习 HTML Day 1 Lession2
- 零基础学习 HTML Day 1 Lession3
- HTML学习笔记(1)-基础
- html 基础学习篇(1)
- Html基础标签的学习(1)
- Html基础学习笔记(1)
- 前端学习1(html基础巩固)
- HTML个人学习基础篇(1)
- HTML基础学习笔记
- HTML基础学习
- HTML基础学习笔记
- vue2.0 组件通信
- C语言指针变量作为函数参数
- 搭建开发环境
- PercentLayout中使用layout_aspectRatio属性报错
- Python多线程(2)——线程同步机制
- HTML基础学习-1
- ButterKnife8.0+ 与 Dagger2.+的使用踩过的坑
- ZOJ 3475 The Great Wall I
- spring data jpa 表不关联多表查询
- 测试前准备
- clipboradData对象
- Python lmdb使用
- HDU 3660
- 取石子(一) (南阳理工oj 题目23)