本文介绍了前端开发的基本概念，重点讲解了HTML的结构、常用标签，包括head内的title、style、script和link标签，以及body内的基本和分类标签。此外，还详细阐述了HTML的form表单功能，包括如何获取用户输入并提交到服务端。
概要：
-
前端介绍
-
HTML文档结构（head内常用标签，body内标签）
-
HTML基本标签
-
HTML特殊符号
-
HTML常用标签
-
HTML之form表单
一、什么是前端：
1、任何能够直接跟用户打交道的交互界面都可以称之为前端，有前必有后，后端就是我们以前学的服务端。
所谓Python全栈开发，就是前端与后端都写。
而说到前端后端就得提到：
软件开发架构：
C/S架构 client server
B/S架构 browser server
本质上B/S架构也是C/S架构，因为浏览器也算一种客户端
2、我们浏览器输入网址回车后浏览器做了哪些事：
1.输入网址
2.向服务端发送请求
3.服务器接收请求并查询浏览器想要的数据，返回给浏览器
4.浏览器拿到数据展示页面
3、HTTP协议：
超文本传输协议
客户端服务端在数据交互的时候必须遵循的一套协议
二、HTML
1、HTML又名《超文本标记语言》，重点关键字在于：标记，也就是说这门语言是针对网页的创建过程而产生的，好比你要写一个网页就必须要使用这种标记语言。
2、HTML文档结构：
我们用pycharm创建一个html页面文件的时候，pycharm会默认给一个html结构框架：
这里补充一下：html语言里的注释用：<!--注释内容-->
<!DOCTYPE html> <!--文档类型：html-->
<html lang="en"> <!--文档语言：en-->
<!--head存放的内容用户是看不到的，主要是给浏览器和搜索引擎看的-->
<head> <!--文档头：开始-->
<meta charset="UTF-8">
<title>Title</title>
</head> <!--文档头：结尾-->
<body> <!--文档显示内容：开始-->
</body> <!--文档显示内容：结尾-->
</html>
html文件的打开方式：浏览器打开，pycharm内右上边有选择浏览器图标打开
3、head内常用标签：
tilte：页面标题
style：样式
script：内部可以直接写js代码，也可以通过src属性引入外部js文件
<script src="my_js01.js"></script>
<!--引号里面是js文件在html文件同一级文件夹内-->
my_js01.js文件内容：
alert('电脑要爆炸了，快给我吧！')结果：
link：通过href引入外部css文件
输入link按tab键会自动加载link语句：<link rel="stylesheet" href="">
在双引号里面填写引入外部css文件名（需要与html同目录）
<link rel="stylesheet" href="my_style01.css">
my_style01.css文件内容：
p {color: red} <!--p标签里面的所有内容变成红色-->
三、HTML文档结构内——body内标签：
- 基本标签：
</head> <body> <h1>标题标签</h1> <h2>标题标签</h2> <h3>标题标签</h3> <h4>标题标签</h4> <h5>标题标签</h5> <h6>标题标签</h
最低0.47元/天 解锁文章
扫一扫
67万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
