ICode9

精准搜索请尝试: 精确搜索
首页?>?bet356体育下载> 文章详细

Python前端html基础

2019-09-11 14:38:09??阅读:65??来源: 互联网

标签:Python?前端?300px?height?width?html?background?选择器?200px


文章目录

Python前端

前端第一部分

1 网站建站的流程

1.确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。

2.为网站选择域名

一个企业的网站域名被称为“网络商标”,一个与企业名称和形象相符的网站域名,是企业实现网络营销的前提。

3.网站空间服务器的选择

一个网站的建设需要有自己的网站空间,要选择合适的网站空间服务器,空间的大小主要根据网站的规模.网站的内容多少来选择。

4.规划网站

网站规划包含的内容很多,如网站的结构.栏目的设置.网站的风格.颜色搭配.版面布局.文字图片的运用等。

5.制作网页

按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程。

6.上传测试

网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看。

7.维护更新

网站要注意经常维护更新内容,保持内容的新鲜。

2 网页的组成部分

HTML----相当于我们的毛坯房

CSS----网页的装修队

javascript----智能家居

3 html基础

3.1 什么是网页?

? 一个HTML文件,就是一个网页。一个程序网页是无数的,每一个打开的页面都是算一个网页!

3.2 什么是网站?

? 把所有的网站资源文件(HTML,CSS,JS,图片,视频等)整合到一起(的一个文件夹)。网站是包含了域名、主机、程序(无论京东、阿里、亚马逊等网站我们所看见的都是程序)。

3.3 什么是html?

? HTML 指的是超文本标记语言 (Hyper Text Markup Language) 。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。
? “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
? 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

初期的网络诞生后,已经出现了许多HTML版本:

版本 发布时间
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013

3.4 什么是xhtml

? XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

3.5 HBuilder开发工具

? HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder本身是一款功能丰富、集成开发环境、多平台开发的一款易学易用的开发工具,它可以实现emmet、sass、less自动编译,完整的代码提示、自动补全,极大地提高了开发效率。

如何bet356体育下载_bet356客服邮箱_bet356官网 HBuilder?

? HBuilder下载地址:在HBuilder官网http://www.dcloud.io/点击免费下载,下载最新版的HBuilder。

HBuilder目前有两个版本,一个是windows版,一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。

常用的快捷键:

ctrl+D: 删除当前行

ctrl+r: 运行

ctrl+a :全选

ctrl+shift+F:整理代码

ctrl+/:注释

Alt+/:激活代码助手

ps:以上快捷键可能与输入法快捷键有冲突(工具->选项->常规->快捷键中可以自定义快捷键)。

3.6建立站点

文件名规范

名称全部用小写英文字母.数字.下划线的组合, 其中不得包含汉字.空格和特殊字符; 必须以英文字母开头。

目的:规划网站的所有内容和代码,整合资源。

3.7 html文档的基本结构

命名文档类型
说明我们写的是标记语言
	文件头部(描述区)
	编码格式(gb2312/gbk中文编码)
	html5文件标题(显示在状态栏上的内容) 
	 
        文件主体(所有要写的内容)
	

3.8 网页的调试工具

(1)PC端调试工具的使用 -浏览器 测试浏览器(Chrome,IE,Firefox)

(2)移动端调试工具Chrome可以测试移动端页面(有很多模拟器)

第一个网页



	
		
		第一个网页
		
	
	
	   第一个网页
	 hello world
	

01文本操作



	
		
		01文本操作
	
	
		
		今天早上有些人 迟到   了,明天不允许迟到
		

HBuilder-飞速编码的极客工具,超强的提示功能

边改边看:一边写代码,一边看效果

星道教育科学技术研究院<是一家>以互联网+、人工智能、云计算为载体,以践行三好 (好习惯、好成绩、好素养)综合培养优质成长为基础,是一家覆盖从青少年编程基础教育到人工智能高等教育课程设计研发,以及构建三好成长评价,岗位胜任力评价及信用建设体系,组织教育科技高层论坛,学生创新教育大赛,科技创新教育培训,教育科技课题申报与推广等研究单位,是中国七家允许从事科学技术教育的研究院之一,副省级特区资质研究院。

为学生热爱人工智能编程,探索人工智能科技,综合优质成长和发展,构建学业,择业和创业更强大的竞争力提供信心与能力的保证!


好好学习,
天天向上

02列表



	
		
		02列表
	
	
		
		

我最佩服的姓马的?

  • 马蓉
  • 马化腾
  • 马冬梅
  • 马云

国家领导人

  1. 习大大
  2. 马克龙
  3. 奥巴马
  4. 安倍

广东省
深圳
广州
中山
东莞
江西省
赣州市
南昌
九江

03超链接和图片

图片的加载必须在setting设置静态文件加载的路径

STATIC_URL = '/static/'


STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "ORM_app/static"),
    os.path.join(BASE_DIR, 'app_img'),
]


	
		
		超链接与图片
	
	
		百度新闻
加载失败

04块标签



	
		
		块标签
		
		
	
	
		
		
		今天大家来的一点都不早
今天大家来的一点都不早

05div划分区域



	
		
		div划分区域
	
	
		
导航条
广告,轮播图
产品划分
合作伙伴
网页版权信息等

06表格




	
		
		07表格
	

	
		
		
		
姓名 年龄 地址
马云 48 杭州
王健林 60 大连
马化腾 50 深圳

07表格的合并



	
		
		表格的合并
	

	
		
		
2
4
7 8 9

08表单

表单的作用:用来收集用户的信息的;

1、表单框

2、表单控件
?

语法:

说明:
input:标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
name:属性标识表单域的名称;
type:属性标识表单控件的类型,大概有十几种;
Value:属性定义表单域的默认值,其他属性根据type的不同而有所变化。
maxlength:控制最多输入的字符数,
Size:控制框的宽度(以字符为单位)

1)文本框

2)密码框

3)提交按钮

4)重置按钮

5)空按钮

6)单选按钮组 男 (默认选中)女

7)复选框组

*disabled=“disabled” (禁用) * checked=“checked” (默认选中)

表单域下拉列表(菜单)
语法:

下拉选项1 下拉选项2 …………

表单域多行文本定义:
语法:

说明:
多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度,单位是字符。

代码示例:




	
		
		表单
	

	
		
		
账号:  
密码:  

爱好

吃饭 睡觉 打代码

性别:

09选择器基本格式




	
		
		选择器基本格式
		
		

	
	
		

10选择器的位置




	
		
		选择器的位置

		

		
		

	

	
		
		

前端d第二部分

01选择器



	
		
		01选择器
		
	
	
		

02使用多个选择器

示例1:



	
		
		使用多个选择器
		
		
	
	
		
		

示例2:



	
		
		
		
		
	
	
			

03伪类选择器




	
		
		伪类选择器
		
	

	
		超链百度搜索首页
	



04群组选择器




	
		
		群组选择器
		

	

	
		

今天晚上要下雨了

今天晚上吃鸡

不吃鸡了,学习才是硬道理

05包含选择器




	
		
		包含选择器
		

	

	
		
父亲的财产
儿子的财产

06通配符选择器



	
		
		通配符选择器
		
	
	
		

今天晚上吃什么

大吉大利,晚上吃鸡

不吃了,好好学习

07选择器权重




	
		
		选择符的权重(优先级)
		

	

	
		

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。

08字体属性



	
		
		08字体属性
		
	
	
	
		

人生自古谁无死,留取丹心照汗青

人生自古谁无死,留取丹心照汗青

天苍苍,野茫茫,风吹草低见牛羊

天苍苍,野茫茫,风吹草低见牛羊

我要做一个安安静静敲代码的美男子

li 李 is a GOOD man

星小智很爱学习,小花花很喜欢

小俊俊真的是帅气

星小智

09列表属性




	
		
		列表属性
		

	

	
		

对女友要求

  • 女的
  • 身高167以上
  • 性格温婉

有什么好吃的

  • 火锅
  • 羊肉
  • 小笼包

10边框属性




	
		
		边框属性
		

	

	
		

11背景属性




	
		
		背景属性
		
	

	
		

12浮动

示例1 :




	
		
		浮动
		

	

	
		

示例2 :




	
		
		
		

	

	
		

示例3(错误示范) :




	
		
		浮动bug
		

	

	
		

前端第三部分

01标准盒子模型



	
		
		01标准盒子模型
		
	

	
		
深圳是个好地方

02盒子模型外边距问题



	
		
		盒子模型外边距问题
		
	

	
		

03怪异盒子模型



	
		
		
		
	

	
		
现在认真学习,努力奋斗
大吉大利,晚上学习

04文本溢出



	
		
		文本溢出
		
	

	
		
在学习阶段把自己所学的知识点归档整理,方便复习,以后工作中对档案实体和档案信息进行管理,能够利用档案开展各项业务工作,是职业管理最基本的组成部分。

星道研究院教师和高级专家团队充分结合人工智能全球化的快速发展趋势,针对每一个岗位如何能具备出色胜任力而制定出分为(三好)好习惯、好成绩、好素养三大方面的18个岗位胜任力的测评要素点。

05标签类型




	
		
		标签类型
		
	

	
		
文本

06absolute位置





	
		
		absolute定位
		

	

	
		

07relative位置




	
		
		relative
		

	

	
		

08fixed定位



	
		
		08fixed定位
		
	
	
		    

09z-index属性




	
		
		
		

	

	
		

10始终居中



	
		
		始终居中
		
	
	
		
星道-人工智能,决胜未来

11锚点连接



	
		
		
		
		
	
	
		
	



12js基础(hello world)



	
		
		JavaScriptHelloWorld
		
	
	
	



13js的引入方式&变量创建



	
		
		js的引入方式和变量的创建方式
		
		
		
		
		
	
	
	




f



标签:Python,前端,300px,height,width,html,background,选择器,200px

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有