python Web -HTML

最新推荐文章于 2024-09-09 17:56:46 发布

梦寐_

最新推荐文章于 2024-09-09 17:56:46 发布

阅读量375

点赞数

分类专栏： python Web

本文链接：https://blog.csdn.net/HHG20171226/article/details/94715963

版权

python Web 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1，web

什么是web
web就是网页，是一种基于B/S的应用程序
B：Browser 浏览器
S ：Server 服务器
C：Client 客户端
web 组成
浏览器：代替用户向服务器发送请求
服务器：接收用户请求并响应
通信协议：规范数据在网络中是如何打包即传递的
http:HyperText transfer protocal
超文本传输协议
web服务器
1 .作用：
接收用户请求并响应
存储web信息
具备安全性功能

2，HTML概述

HTML介绍

 什么是HTML
		HyperText Markup language
		超文本       标记     语言
		作用：书写网页结构
	
超文本
	具备特殊功能的文本就是超文本
	et：
	普通文本 a:普通字符
	超级文本 a:表示超链接功能
	普通文本 a:普通字符
	超级文本 b:表示加粗功能

标记
	也叫标签，主要是用来标记网页中的内容，以实现网页的布局和JS操作

3，HTML 基础语法

标签/标记
在网页中具有特殊功能的符号
- HTML 中所有的标签都以<>为标志，区分普通文本
- 标签分类
 - 双标签：成对出现，有开始有结束
 <开始标签>标签内容</结束标签>
 et：
 <h1>一级标题</h1>
 - 单标签：只有开始标签，没有结束标签，可以手动添加/表示结束
 <标签名>
 <标签名/>
 et:
  换行标签--等同于 
 <hr>水平线--等同于<hr/>
 - 标签嵌套
 - 在成对的标签中出现其他标签
 超链接标签:<a>首页</a>
 文本加粗标签:<a>首页
 —加粗的超链接文本–
```
<a>

 首页

</a>



 <a>首页</a>


```
 - 嵌套结构中，外层元素称为父元素，内层元素称为子元素
 - 文档结构
 1 新建文件，保存为.htm / .html格式
 2 书写一对html标签
 3 在html标签中嵌套一对head标签
 4 在html标签中嵌套一对body标签
 5 为body标签添加文本内容，内容不限
```
<html>

	<head></head>

	<body>

		Hello

	</body>	

</html>
```
 - 书写规范
 1 HTML不区分大小写<HTML></Html>推荐使用小写
 2 保持适当缩进，增强代码可读
标签属性
标签属性主要用来修饰标签的显示效果
语法：
- 1属性由属性名和属性值组成
 属性名=‘属性值’
- 属性的声明必须写在开始标签中
 <开始标签属性名=‘属性值’>…</结束标签>
- 每个标签都可以设置多个属性，属性之间使用空格隔开
 <开始标签属性名=‘属性值’ 属性名=‘属性值’ 属性名=‘属性值’>…</结束标签>
- 练习
 再body标签添加一对p标签，内容不限
 为p标签增加属性align，取值 center
 为p标签增加属性id，取值p1
```
<html>
	<head></head>
	<body>
		Hello
		延禧攻略
	</body>	
</html>
```
HTML 注释
```

```
注意：
1. List item
 注释不能写在标签里的
 错误：
 >
2. 注释不能嵌套
HTML中的换行与空格
HTML文档会忽略掉多余的空格，只显示为一个空格，如果需要显示多个空格或者 < > ,都需要使用特殊符号代替

4，HTML结构组成

文档的类型声明
<!doctype html>h5的声明方式
作用：告诉浏览器当前使用的HTML版本，以便浏览器能正确解析HTML标签和渲染样式
书写位置：文档最开始的位置
文档开始和结束
1. 在文档类型声明之后，使用一对标签标示文档的开始和结束
2. 在HTML标签中，包含了两对子元素


<html>
    <head></head>
    <body></body>
</html>


<head>标签标示网页的头部信息，包含网页的标题，选项卡的图标，网页的关键字，作者，描述等信息，还可以引入外部的资源文件
<body>标签表示网页的主体信息，网页所呈现的内容都要写body里