自己看了下前端的视频，感觉好懵，CSS和HTML是什么看到视频还是不懂，你们是怎么学的？html代码大全

本文目录

• 自己看了下前端的视频，感觉好懵，CSS和HTML是什么看到视频还是不懂，你们是怎么学的
• html代码大全
• HTML是什么
• 什么是HTML
• 怎么在用记事本写的html网页中添加图片啊
• HTML5如何用
• html入门教程哪里有
• 如何用HTML5制作网页
• 学HTML5需要什么基础，怎么入门
• Web 前端怎样入门

自己看了下前端的视频，感觉好懵，CSS和HTML是什么看到视频还是不懂，你们是怎么学的

Html和css都是前端必须掌握的技术知识，也是很多编程入门课程。

既然是入门必学，从我理解开始，它们学起来相对简单，容易上手。

既然必须掌握，那么它们的重要性不言而喻，尤其对前端童鞋们来说。

我一个搞后端的，我当时就是从html学起，学完后紧接着就是css。

Html是超文本标记语言，它有一系列的html标签或者说指令。通过这些指令将一些文字，图片，视频，超链接啊等资源进行整合通过浏览器渲染出来。

Html更像是盖房子的骨架。像什么钢筋水泥，混凝土，砖头等可以理解为它的标签。

其实我觉得当初发明这种语言的应该是类比人来说的吧。

Html的结构有head title script style body footer等组成。

下面是它的大致结构。

《!DOCTYPE html》《html lang=“en“》《head》 《meta charset=“UTF-8“》 《title》Title《/title》

《/head》

《body》

《/body》

《/html》

这些基本上就是一个空壳子，就跟房子的骨架一样。我们大多都是往它的body里面添加内容，浏览器上看到的文本，图片，视频大多数都是body的东西。标题和网页的图标是在浏览器的选项卡那能看到。

而css就是用来给房子装修，或者说我们人化妆穿衣打扮。目的就一个，让html更好看一些。吸引用户的眼球。但是它只能让html穿上衣服，就跟画画上色一样，都是静态的。

如果让美美的外衣动起来，画出的内容更加炫酷。就用到了JavaScript，也就是js。

切不可把js和Java混淆了。

css，js都是为html服务的。前者使它文静的美，后者让它动感的炫！

说了这么多，到底怎么学？

看视频看不懂？

对于初学者来说，看视频肯定学不会或者说学不好的。

为什么？

因为这些html和css标签都让你看的眼花缭乱。这些js方法都够你头大的。

那么问题出在哪呢？

那就是学习方法！

学技术，绝不是纯粹的靠看视频就能学会的。它更重要的在于六个字：多练，多练，多练！

只有看视频的同时，多拿笔或者多动手敲，才有效果。

而且这个效果非常明显！

我可以告诉你的是，这些看似很多的标签，一个都不用刻意的去死记硬背！

而且背是没什么用的，因为今天可能这个版本有这个标签，可能明天就废弃了。技术更新迭代的很快，只有掌握了核心的思想，就可以以不变应万变！

我当初学习就这样，自己动手跟着视频一个字母一个字母敲。

敲得多了，自然就记住了。慢慢的去尝试做一些网页，结合实际的项目，日积月累。各种布局，各种页面样式，各种交互，看的多了练的多了。基本功练扎实了，以后回过头你就发现，哇好简单。

看到一个好的网站，你脑海中就能立马展现出可能别人是怎么布局的，怎么配色的，哪些动画用可能用到了哪些方法。甚至你能一眼看出他前端用到了什么框架。

OK，说到这里我想你一定知道怎么去学，怎么有效的学，怎么学的更快更扎实了吧。

html代码大全

1、html代码大全：结构性定义

文件类型《HTML》《/HTML》 （放在档案的开头与结尾）

文件主题《TITLE》《/TITLE》 （必须放在「文头」区块内）

文头《HEAD》《/HEAD》 （描述性资料，像是「主题」）

2、html代码大全：修改页面的实用性HTML代码

贴图：《img src=“图片地址“》

加入连接：《a href=“所要连接的相关地址“》写上你想写的字《/a》

在新窗口打开连接：《a href=“相关地址“ target=“_blank“》写上要写的字《/a》

移动字体(走马灯)：《marquee》写上你想写的字《/marquee》

字体加粗：《b》写上你想写的字《/b》

3、html代码大全：常常会遇到的问题

点击关闭窗口
《a href=“javascript.:top.window.close();“》点击关闭窗口《/a》！

请问如何去掉主页右面的滚动条？
《body scroll=“no“》
《body style=“overflow-y:hidden“》

4、html代码大全：你不一定知道的技巧

ncontextmenu=“window.event.returnValue=false“ 将彻底屏蔽鼠标右键
《table borderncontextmenu=return(false)》《td》no《/table》 可用于Table
《body nselectstart=“return false“》 取消选取、防止复制
onpaste=“return false“ 不准粘贴

HTML是什么

HTML即超文本标记语言。

它是用于描述网页文档的一种标记语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起形成有机的整体。HTML是制作网页的基础，早期的网页是用HTML代码直接写的。

html是hypertext markup language的缩写，即超文本标记语言。html是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件——html结构了解。

html文本是由 html命令组成的描述性文本，html 命令可以说明文字、 图形、动画、声音、表格、链接等。 html网页结构包括头部 (head)、主体 (body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。

html是制作网页的基础，我们在网络营销中讲的静态网页，就是以html为基础制作的网页，早期的网页都是直接用html代码编写的，不过现在有很多智能化的网页制作软件（常用的如frontpage，dream weaver等）通常不需要人工去写代码，而是由这些软件自动生成的。尽管不需要自己写代买，但了解html代码仍然非常重要，了解认识html是什么？是学习网络营销与电子商务的重要技术基础知识。

什么是HTML

不要相信任何所谓程序员说的：“HTML是用来做网页的”。这句话正确的描述是：“HTML是用于描述超文本的，网页是一个超文本资源节点”。HTML和网页本无联系。建立向女神寝室的信息通信为了简化你对复杂的Internet的理解，我们暂时把复杂的Internet抽象成：你向女生宿舍发送信号。为了能够在断网后继续联络女神，你买来了电池和开关，然后拉了普通电线线到女神的寝室。你的女神把小灯泡接在了电线的两端。那么，你只需要开闭开关，就可以控制女神屋里的灯泡了。发送信号关闭着小灯泡1秒钟，代表发送一个0。打开了小灯泡1秒钟，代表发送一个1。此时你可以向女神发送任意二进制内容了。发送文本你只希望发送一个“Good Night”。所以你必须想办法对“Good Night”进行编码。’G’,’o’,’o’,’d’的ASCII编码是：071，111，111，100转换成二进制就是： 0100 0001 0110 1111 0110 1111 0110 0100使用发送二进制信号的方法发过去，你的女神需要自己解码来阅读出“Good”。发送富文本有一天，你希望发送“I miss you”。为了表达心意，你希望加粗“you”，并使用红色的字体发送“miss”。而……这一根简陋的电线似乎很难理解“加粗”和“红色”……不过这难不倒你的。于是机智你发送了：I 《red》miss《/red》 《b》you《/b》同样机智的女神理解了这件事情。你发明了一种语言你很喜欢这种编码格式。这是一种标记语言，于是你称其为：TGML （To Girl Markup Language）平时你使用TGML来和你的女神通信。TGML可以非常好的解决富文本的传输问题。表白终于你决定表白了。你绘制了很美丽的心形图片，还有两个按钮：接受、拒绝。两个按钮分别会链接到 “接受.tgml“和“拒绝.tgml“为了描述图片，你使用了《img src=“pic“》为了描述按钮，你使用了《a href=“接受.tgml“》现在你发送给女神的内容，已经不只是带格式的富文本，而是带链接的富文本。如果把带链接的富文本叫超文本。那么……于是在这个世界上，拥有了一种能够描述超文本的语言，叫做TGML超文本描述超文本的方式有很多，例如：HTML，TGML，还有markdown。HTML的诞生是为了描述超文本。超文本的用途也很多，例如：描述一个网页，或者描述一个Word文档。HTML文件是超文本文件。但是超文本未必是HTML。Microsoft WordMicrosoft Word是Office的一个组件。它同样代表一个超文本资源。如果你解压一个docx文件并仔细翻一翻，你能找到你刚才写的作业，是以HTML方式记载着。当然，描述超文本还有markdown。所以你可以使用一些工具，比如pandoc，把markdown转换成word。故事的结局你的女神有一个名字，叫浏览器。你的名字叫Web服务器。你们中间的那根线，叫HTTP。总结HTML用于描述超文本。描述超文本的语言有很多种。超文本的用途很多。做网页只是其中一种。HTML最初设计时确实是为了做网页考虑的。但HTML不是做网页的唯一工具。探索HTML是如何呈现、渲染还有它强大的功能时，你只是在探索你的浏览器的解码能力而已。=====小字=====*后注：html一般不是ASCII编码，而是utf-8*HTTP除了要传输内容，还要传输状态码，头，地址等很多信息。上面的文字只是简化了这个模型。*《Red》不是合法的html标签

怎么在用记事本写的html网页中添加图片啊

1、首先，我们要在磁盘文件夹中创建一个记事本，右键单击并选择Create a Notepad。

2、寻找计算机的照片，保存到文件中，以便打开页面。然后，双击打开记事本，在区域中输入以下网页代码：

《html》

《HEAD》

《title》我的第一个空间《/ title》

《/ HEAD》

《BODY》

《img src =“file：/// E | / New Folder / 1.jpg”width =“451”height =“300”/》

《/ BODY》

《/ HTML》

请注意图像路径是正确的。

3、输入完成后，单击记事本菜单栏中的“另存为...”文件，并将后缀名称更改为.html。

4、然后，双击刚刚保存为.html的文件，即网页文件。此时，您会在浏览器中看到它已打开并且有一张图片。

HTML5如何用

html5是一个规范、包括css3.0 html5.0 js等、、
html5.0较之前的版本修改了一些语法规则、、、你可以通过阅读书籍或者查询一些网站来看这些语法变动。。我常用的一个是 http://www.w3school.com.cn/html5/
正常的用html语言来编写代码就可以了
《!doctype html》
《html》
《head》
《/head》
《body》
《/body》
《/html》
框架如上、、、主流浏览器都已经支持html5的语法规则了、、
所以不存在如何使用、、 随便用一个编译器、甚至是txt 记事本遵循语法规则 就可以写出网页来、、、 常用的编译器如 dreamweaver editplus 等

html入门教程哪里有

1、很多视频网站 比如千锋教育的官网，还有千锋腾讯课堂可以看免费的学习教程视频。
2、新手跟着视频教程学习，需要边学边练，多练习代码，不懂的一定要多看，基础要打牢。
开发工具
Html5是一个标记类的语言，虽然用文本器也能编写的，但是用一些集成工具还是高效一些。
学习路径
1、Html基础
2、CSS基础
3、HTML5
4、JavaScript
5、CSS3
6、jQuery
然后项目实战，找个网页从静态页面写起，切图之类的。公司有相关的Html5项目，直接拿来学习更好。
相关书籍
可以找一些不错的html5相关书籍来学习，理论知识也需要掌握，而且书籍可以做一些笔记，重点难点可以标记，不懂和重点多看多记，这样能更好的掌握。

如何用HTML5制作网页

现在以HBuilder工具编写为例：

   1. 打开此工具，在项目管理器中右键单击创建一个web 项目

   2.右键单击项目名称，新建一个HTML文件----form01.html

《!DOCTYPE html》
《!--
    作者：offline
    时间：2017-01-06
    描述：form表单
    
    在form标签中，有两个经常使用的属性
    action：表单提交服务器地址
    method: 表单提交的方法/方式----get/post
                    其他提交方式---put delete
            提交方式----get（默认的提交方式）
            1.请求的参数放到地址栏中
            2.不安全
            3.存在缓存
            4.传输数据的大小收到限制
            提交方式----post
            1.请求的参数放到
--》
《html》
    《head》
        《meta charset=“utf-8“》
        《title》form表单1《/title》
    《/head》
    《body》
         《form action=““ method=“post“》
             《input type=“text“ name=“username“ value=“zhangsan“ /》
             《input type=“submit“ value=“提交“ /》
         《/form》
    《/body》
《/html》

   3.查看此网页是不是HTML5，主要看表头

   4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式

学HTML5需要什么基础，怎么入门

　　随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢? 

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

Web 前端怎样入门

方法：

第一：理清Web前端的知识结构。要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。

第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。

第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。

前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。

与其他编程语言相比，前端是公认的入行门槛较低的一门语言，但依然有很多人在学习之前会问零基础学习web前端难不难，要多久才能学会。学习的难易和时间当然是取决于学习的方式。

前端入门简单，但是深入学习之后，还是有一定学习难度的。如果你是零基础自学web前端的话，那么所花费的时间与精力是不可估计的。 如果系统学习5个月的时间可以帮助你快速成长为合格的web前端工程师。

路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：Node.js全栈开发(1周)

内容包括：(WebApp后端系统开发、一、Node.js基础与Node.js核心模块；二、Express；三、noSQL数据库)

至于视频教程，我这里有很多前端的全套教程，如果你需要的话，可以加一下我的学习交流裙裙，找我要就行了！