学习网页制作其实并不难

前言: 对于网页制作,一些初学者对学习网页制作需要的基础很盲目,大部分初学者都认为只要是学写代码,就得会英语,还得英语四级,甚至八级什么的! 其实说到编程,新手首先就会想到一串串的单词啊,变量啊,什么i++,if(a > b && a < c)各种就往脑海里钻,其实不然,网页制作也分等级的,入门其实很简单,也不需要你英语多好,只要会一点点就好,真就是一点点! 介绍: 我就来说说网页制作的入门语言 - html,它不是一种编程语言,更不涉及任何复杂的变量,没有什么繁杂的逻辑思维,是有很简单的规律的,我们看看w3school 的官方介绍: HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 大家也都看到了,html它只是一个标记,标记,标记,标记相信大家都能懂一点,就是做个标记而已,不涉及复杂的逻辑运算,思维分析,各种变量啥的! 示例: 在html中,你要学会它只需要两样基础: 1.耐心看示例,网上各种html教程示例数不胜数,你就搜索随便找两个来看。 2.把示例来作为实践,等示例看的差不多了,感觉找到门道了,你就实践,依葫芦画瓢。 我就先来两个示例: <html>  <body> <h1>我是一个标题</h1> <p>我是一个段落</p> <a href="http://www.chinazz.club">我是一个连接</a> </body>  </html> 就这几段话,很简单,你完全不用去想明白是怎么来的,你只需要会改,先从改做起,等以后改的多了,你就会了.

总结:  学习html不需要你掌握太多单词,因为平时要用到的也就那么几个,其中我说下html基本要素 1.标签开始就有结束,比如跳转超链接标签分开始标签<a> 结束标签</a> 他们的区别就是后者多一个斜杠,而斜杠就是表示这一个标签已经结束了,每个标签都有不同的作用,如果你标签不结束,就会导致服务器无法正确识别标记语言,而产生错误的页面,比如跳转超链接<a>你开始了,但是没在合适的地方给结束标签,那么在网页上就会识别为在标签<a>以下的文本内容或图片等多媒体内容一整块都是一个超链接,直到遇到结束标签</a>为止! 同时代码的不规范也会影响各搜索引擎的收录,直接对网站的发展造成不同程度的影响,这是后话这个就先不说那么多! 2.其中“html”是基本架构,就像房子的地基和墙体一样,给丰富多姿的内容提供了一个固定平台,或者说是它的一个家! 这里的html架构就是指: <html>  <head> 要给服务器识别的内容,如引入css的style,给页面定义浏览器载体类型声明等 </head> <body> 这里才是网页上要显示的内容 </body> </html> 如果你发现你写的代码没有在网页上显示内容,请查看你的格式是否规范,正文是否在<body>标签中且开始结束标签是否完整!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端教室

ReactJs的虚拟dom是个啥情况?

这个周末的先行者课程要讲React的一些东西,所以今天写一些React的内容。 话说前端操作中最消耗资源的是啥?如果我说dom操作,那应该没有人会反对吧。 在以...

2105
来自专栏腾讯社交用户体验设计

SVG fallback 及可读性

1363
来自专栏13blog.site

Markdown语法讲解及MWeb使用教程

写了一个月的博客,忽然感觉Markdown编辑器比较好用,于是就下载了一个本地的Markdown编辑软件学习了一下,刚好软件里自带了一篇英文的指示文档,顺便翻译...

2984
来自专栏芋道源码1024

Github改版,宣布放弃jQuery || 你的青春里,是否有过 JQuery 的身影?

2018年7月25日,Mislav Marohnić在推文中宣布GitHub前端已经彻底删除jQuery依赖,并全部依赖原生API。

1540
来自专栏逍遥剑客的游戏开发

Flash在DirectX中的绘制

1703
来自专栏彭湖湾的编程世界

【响应式】foundation栅格布局的“尝鲜”与“填坑”

提到响应式,就不得不提两个响应式框架——bootstrap和foundation。在标题上我已经说明白啦,今天给大家介绍的是foundation框架。 何为“尝...

38411
来自专栏哲学驱动设计

私活后的 WPF 设计经验总结

WPF 是一个界面层框架技术,要对 WPF 技术达到熟练运用的程度,需要同时拥有开发和设计两方面的知识。而我作为一名开发人员,以前的总结都是站在开发人员的角度,...

2457
来自专栏知道一点点

bootstrap快速入门笔记(二)-栅格系统,响应式类

1,行row必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,一行有12列

2013
来自专栏阮一峰的网络日志

CSS 框架 Bulma 教程

网页样式需要大量时间开发,最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架,但是今天我想推荐另一个更轻量化、更易用的框架---...

3034
来自专栏小程序之家

如何在小程序中实现视频播放

在如何使用小程序媒体组件这篇文章中,我们简单介绍了video视频组件的使用,这篇文章中,将对视频播放做一些补充,同时介绍API的使用。

13.5K3

扫码关注云+社区

领取腾讯云代金券