草稿前端开发代码的编写习惯缩进的意义 HTML的格式

写代码的习惯-缩进

有缩进的代码

关注缩进

缩进可以通过键盘上的Tab键来完成

有缩进与无缩进的代码比较

无缩进的

有缩进的

HTML的结构

HTML结构简单可分为头部与主体

代码表现为

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

html标签成对出现

格式

<标签>内容</标签>

大部分标签成对出现

用于包裹内容，可以表达层级关系，主从关系

标签的效果，可以理解为分界线的效果

理解以下标签，关注层级主从关系

<其它国> 内容0 </其它国>
<中国> <湖北><武汉><武昌>光谷广场</武昌></武汉></湖北>
</中国>
<朝鲜> 内容2 </朝鲜>

单个出现的标签

<br> 或者 <br />
<hr> 或者 <hr />
<img src=“URL” />

标签的小结

标签主要分两种

单个标签
成对出现的标签（重点）

头部标签的理解

头部有多个器官

器官中也包裹着其它器密

关注以下头部器官的关系

头，眼睛，眼珠

头，嘴巴，舌头

head标签头部标签的简单理解

功能：

标记网页的内容

位于head标签的内部

title标签

<title>网页标题</title>

meta标签

例如：

<!--重定向 2秒后跳转到对应的网址，注意分号-->
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com"><!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><!--网页描述，在搜索的时候会被展现出来-->
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

试一试：

<head><title>测试页</title><meta http-equiv="refresh" content="2;URL=http://www.baidu.com"><meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body></body>

body标签主体标签

功能：

一个网页的主要内容，都会在body标签内部展现

<head></head>
<body>i am body</body>

HTML结构标签的意义

草稿前端开发代码的编写习惯缩进的意义 HTML的格式相关推荐

Web前端开发代码规范（基础）
一. 引言对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护. 二. HTML/CS ...
前端开发代码风格总结
一.命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 -- 首字母小写) PascalCase(大驼峰式命名法 -- 首字母大写) kebab-case(短横线连接式) Snake ...
前端开发代码架构相关想法
1:封装.封装.封装封装事件绑定封装组件调用 Utils方法的封装校验的封装网络请求的封装(必须封装,一个入口) 总之:能封装的尽量封装,因为前端js调用本身就很随意,通过封装去规范所有人的代 ...
Extjs4前端开发代码规范参考
准则: 一致性, 隔离与统一管理, 螺旋式重构改进, 消除重复, 借鉴现有方案 1. 保证系统实现的一致性,寻求一致性方案, 相同或相似功能尽量用统一模式处理: 2. 尽可能使用隔离技术 ...
移动webAPP前端开发代码演示和技巧汇总
1. viewport:webapp视图也就是可视区域.对于桌面浏览器,我们都很清楚viewport是什么,就是除去了所有工具栏.状态栏.滚动条等等之后用于看网页的区域, 这是真正有效的区域.由于移 ...
WebStorm设置前端开发代码规范
Prettier 代码格式化添加依赖 yarn add prettier 配置 WebStorm 格式化文件在根目录下新建.prettierrc.json的文件,标识格式化规范文件内容如下 {& ...
前端开发课件 202002
html 加百利前端开发-认识前端开发-0226_pyhui的技术博客-CSDN博客 https://blog.csdn.net/ifubing/article/details/104513261 ...
前端代码开发规范。web开发规范。web开发注意事项。前端开发如何写出更规范的代码
一.图片观看: 二.文字描述: 1,web开发基本原则: 1.结构html,样式css,行为js:三者要分离,尽量确保文档和模板只包含HTML结构,样式都放到样式表里,行为都放到脚本里; ...
python前端开发招聘_【天津前端开发招聘_最新天津前端开发招聘信息】-前程无忧...
天津卓众信息技术有限公司天津-西青区0.6-1万/月11-23 学历要求:本科|工作经验:3-4年|公司性质:民营公司|公司规模:少于50人 1.根据产品设计实现产品的页面交互和数据逻辑展示,负责前端 ...

草稿前端开发代码的编写习惯缩进的意义 HTML的格式

写代码的习惯-缩进

有缩进与无缩进的代码比较

HTML的结构

HTML结构简单可分为头部与主体

html标签成对出现

单个出现的标签

标签的小结

头部标签的理解

head标签头部标签的简单理解

title标签

meta标签

body标签主体标签

HTML结构标签的意义

草稿前端开发代码的编写习惯缩进的意义 HTML的格式相关推荐

最新文章

热门文章

草稿 前端开发 代码的编写习惯 缩进的意义 HTML的格式

写代码的习惯-缩进

有缩进与无缩进的代码比较

HTML的结构

HTML结构简单可分为头部与主体

html标签成对出现

单个出现的标签

标签的小结

头部标签的理解

head标签 头部标签的简单理解

title标签

meta标签

body标签 主体标签

HTML结构标签的意义

草稿 前端开发 代码的编写习惯 缩进的意义 HTML的格式相关推荐

最新文章

热门文章

草稿前端开发代码的编写习惯缩进的意义 HTML的格式

head标签头部标签的简单理解

body标签主体标签

草稿前端开发代码的编写习惯缩进的意义 HTML的格式相关推荐