大型网站开发文档,深圳建网站兴田德润团队,网上怎么做网站,做企业网站 asp的cms系统哪个好华子目录 前后端与全栈BS架构网页开发原则前端三剑客初始htmlhtml的基本框架如何使用vscode创建网页网页基本框架html基本标签 前后端与全栈
前端:给用户看的内容 – 荧幕前#xff08;负责显示#xff09; 后端:在后台处理数据 – 荧幕后#xff08;负责处理#xff09; … 华子目录 前后端与全栈BS架构网页开发原则前端三剑客初始htmlhtml的基本框架如何使用vscode创建网页网页基本框架html基本标签 前后端与全栈
前端:给用户看的内容 – 荧幕前负责显示 后端:在后台处理数据 – 荧幕后负责处理 全栈:前后端都会 能独立开发一个完整的网站(全能型)
BS架构
Bbrowser浏览器 Sserver服务器 平时浏览页面可见到的前端部分 – 浏览器 真正实现操作 进行数据增删改查的后端部分 – 服务器
网页开发原则
1.对于设计者来说容易实现 2.对于编程者来说容易开发 3.对于管理者来说容易维护 4.对于浏览者来说容易使用
前端三剑客
html:是网页基本组成写给用户看的内容(图片 文字 视频)–人类身体css:负责美化网页/优化网页性能(字体大小 排版)–人类衣服 装饰品JavaScript:脚本语言 用来动态效果 前后端交互传输信息 --人类行为/技能
初始html
html是超文本标记语言是构成web页面的基本元素是一种规范一种标准 什么是超文本呢 超文本是比普通文字的文本要强悍些可以放图片音乐视频排版超链接等等。 注html是标记语言不是编程语言可以把html当做一个拼图里面的代码称为标签我们要做的就是把一个个正确的标签放到合适的位置上就可以了其中html5是html的一个版本该版本增加优化了很多内容几乎现在市面上流行的浏览器都能很好的支持html5
html的基本框架
如何使用vscode创建网页
1.先创建一个空文件夹 2.鼠标右击选择使用vscode打开 3.再在vscode中创建一个后缀名为html的文件 4.Ctrls保存文件
网页基本框架
1.标签写在html包裹的代码
单标签一般是功能标签有特殊的功能含义单身狗双标签一般包裹内容显示东西情侣 2.生成html框架 tab键或enter键/html:5 注注释!–内容-- 快捷键Ctrl/
!DOCTYPE html!--规定了浏览器使用那种规范其中html5规范无需额外指定--
html langen!--所有网页最大的结构网页中的所有的标签都存放在html标签中其中lang属性主要用于决定浏览器是否自动弹出翻译框--
head!--网页头部 告诉浏览器一些相关的信息--meta charsetUTF-8 !--表示网页编码格式 推荐utf-8 国际编码 --titleDocument/title !-- 网页标题 --
/head
body!--网页的主体 我们所看到的网页结构 都是在body中的--/body
/html基本框架: html -- 是一个网页核心 基本上所有的内容都被他包裹 head -- 头标签 里面写的内容 主要是给浏览器看网页的介绍 样式 body -- 身体标签 主要给用户看的
html基本标签
1.标题标签
h1内容/h1!DOCTYPE html
html langen
headmeta charsetUTF-8 title练习/title
/head
bodyh1大龙虾/h1h2海鱼肉/h2h3麻辣粉/h3/body
/html注
h1-h6标签用于表示网页内容的标题 标签中的文字默认会出现不同程度的加粗与增大搜索引擎非常看重h1标签内容 重要的内容放在h1里 一般只能放置一个 否则会适得其反
2.段落标签 比例式占据网页大小
p内容/p!DOCTYPE html
html langen
headmeta charsetUTF-8 title练习/title
/head
bodyp干啥共青团认为有阿嘎个人和狠人认规范十多个很多事跟的是跟的是规划电风扇改设定个个蛇身瓦房店市股份大使馆的双方各为/ppfddghdhfegfdsggfffgdfdshdsffgdfghjrtyughjhjfghjhjgh更好地复工后复工后即可的复工后即可的复工后即可的复工后即可复工后即可复工后即可的复工后即可/p
/body
/html总结 p标签是双标签段落标签放一段段文字段落之间是有间隙的因为段落自带换行
