学python前端需要哪些基础知识_前端基础知识整理回顾~~
浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面
HTML是什么?
前端之路
超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。
本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
网页文件的扩展名:.html或.htm
HTML是一个标准,规定了大家怎么写网页.
HTML --> 学标签
HTML不是编程语言,只是标签语言
编程:
使用(展示)数据 存储数据 处理数据
前端
1. 前端是做什么的? 前端负责后端返回数据的展示 或者 对前端数据提交给后端
2. 起我们为什么要学前端? 1. 全栈
3. 前端都有哪些内容?
1. HTML(2d) 2. CSS(2d) 3. JavaScript(2d) 4.jQuery和Bootstrap(4d~5d)
html简单就在于它是标签语言 标签把内容进行各种各种的设置 ,浏览器则对标签的设置进行动态解析执行
HTML文档结构
最基本的HTML文档:
声明为HTML5文档。
、是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。
其次就是head 和 body 两大标签了 。 可以看作是文档树
注意:对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 。
几个很重要的属性:
id:定义标签的唯一ID,HTML文档树中唯一
class:为html元素定义一个或多个类名(classname)(CSS样式类名)
style:规定元素的行内样式(CSS样式)
id 是标签唯一的身份证号码,class是对一类事物的定义及描述(classname), style对元素的行内样式规定
name 属性有两个属性(keywords 和 descriptions ) http-equiv有3个属性(refresh, content-type , x-ua -compatible)
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
doctype 是对文档的声明 不是html 它是对这个html文档页面的声明
定义内部样式表
meta 定义网站的 元信息 link引入外部样式表 script 定义js代码或引入外部的js代码
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1.http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
2.name属性: 主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
加粗
斜体
下划线
删除
段落标签
div标签和span标签
div标签用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
span标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
块级元素与行内元素的区别:
所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。
注意:
关于标签嵌套:通常块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
p标签不能包含块级标签,p标签也不能包含p标签。
无序列表
type属性:
disc(实心圆点,默认值)
circle(空心圆圈)
square(实心方块)
none(无样式)
type属性:
1 数字列表,默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马 start属性 :默认从start定义的属性开始
表格
table下 有
thead(有 tr th ) 和 tbody (有 tr th ) tr为 row th为 col
序号姓名爱好
理解这个 for属性 和id之间的关系 问题
学python前端需要哪些基础知识_前端基础知识整理回顾~~相关推荐
- 学python人工智能电脑要什么配置_没有基础能不能学人工智能 首选语言是Python吗...
没有基础能不能学人工智能?首选语言是Python吗?人工智能涵盖的领域很广,除了机器学习外,还包括专家系统.进化计算.模糊逻辑.粗糙集.多代理.规划问题等.近几年,人工智能的发展主要得益于机器学习领域 ...
- 0基础学python做什么工作好-写给0基础小白:Python能干什么?就业前景好不好?怎么开始学?...
原标题:写给0基础小白:Python能干什么?就业前景好不好?怎么开始学? 今天,我们深度了解一下Python这门语言,它到底是什么,都能用来干什么,为什么这么火? 首先,普及一下编程语言的基础知识. ...
- 科学计算机程序 字表处理软件都是,计算机应用基础知识_计算机应用基础试题及答案【最新资料】.doc...
计算机应用基础知识_计算机应用基础试题及答案[最新资料] 计算机应用基础知识 计算机应用基础试题及答案 ? 计算机应用基础知识1.1填空题1.第一代计算机采用的电子器件是--[答案] 电子管2.第四代 ...
- python需要学哪些基础知识_零基础学Python应该学习哪些入门知识
最近python很火,请问小白应该怎么入门呢. 大致总结了这些方面,咱们直奔主题吧. 1.Python入门导学 Python的特性.优点.缺点.前景以及python能做些什么? 2.Python环境安 ...
- python入门到熟练要多久_零基础学python要多久
零基础进行Python学习的话,如果选择自学,一般学习周期在一年半左右.选择进行培训的话,学习Python周期一般在五到六个月左右,不过学习的种类不同,班级不同,培训周期也是存在一定差异的. 零基础学 ...
- python编程需要安装什么软件_[零基础学pythyon]安装python编程环境
注:推荐一种非常重要的学习方法 在我这里看文章的零基础朋友,乃至于非零基础的朋友,不要希望在这里学到很多高深的python语言技巧. "靠,那看你胡扯吗?" 非也.重要的是学会一些 ...
- 手机学python语言用什么软件好_手机上学python的软件_零基础自学python的APP_手机学python的app_东坡下载...
Python控制台app(Python console)下载推荐: 更新:2019-04-1016.2M / Android 推荐理由:针对python初学者打造的一款软件,Python控制台app( ...
- 学python自学好还是报培训班_自学Python还是报班
Python相对于其他的主流编程语言来讲,它有着更好的可读性,所以说大家在自学Python的时候,总是会感觉到特别容易,那么如果你真的要学习Python的话,可能很多人在这方面也都在思考,自学Pyth ...
- 学python就业要看哪些书-编程0基础自学Python,踩完这些坑,我才成功就业!
" 0基础小白学Python的路程不易,但总有一些思路和方法值得借鉴,知道这些能让我们少走很多弯路. 今天我们就来分享2位前辈的学习经验和方法. 零基础学编程的方法 回忆一下我自己学习计算机 ...
- 学python对数学要求高吗_人工智能的小男孩 大专学历的人没有数学基础想学习python技术未来能往大数据或人工智能方向进行职业发展吗?...
内容由传智播客提供,电器吧机器人网提供人工智能的小男孩相关内容,小编烟酉为您整理并发布于人工智能栏目下,原标题:大专学历的人没有数学基础想学习python技术未来能往大数据或人工智能方向进行职业发展吗 ...
最新文章
- 模拟linux文件系统的设计及实现_Linux后台服务器开发中,内存池设计与实现(c/c++)...
- C 程序的存储空间记录
- java 0x3f_Java源码位操作技巧欣赏
- 一种新的图像清晰度评价函数
- Linux 命令之 sed -- 功能强大的流式文本编辑器
- Flowable 数据库表结构 ACT_HI_ACTINST
- IntelliJ IDEA开发入门教程
- volatile解析
- video.js使用方法
- 使用ArcMap 生成TPK和geodatabase包
- Idea关于Module is not backed by gradle的问题(部分转)
- 微软产品关于首字母大写的解决方案
- 项目开发团队分配管理软件总结
- 优化 | Pick and delivery problem的简介与建模实现(一)
- win7搜索功能失效/win7搜索功能不能使用
- os.environ[‘CUDA_VISIBLE_DEVICES‘]指定GPU后,还是用的“0“卡
- 关闭selinux的方法汇总
- 【取模软件PCtoLCD2002使用教程】
- Vue中一些需要注意的点(采坑)
- Git如何回滚代码? 1