好程序员web前端分享html基础篇

gcghcxy gcghcxy     2022-12-02     509

关键词:

  好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基础

学习目标

  • 1、本专业介绍、HTML相关概念,HTML发展历史
  • 2、WEB标准,W3C/WHATWG/ECMA相关概念
  • 3、相关软件的应用以及站点的创建
  • 4、HTML基本结构和HTML语法
  • 5、HTML常用标记

一、本专业介绍、HTML相关概念,HTML发展历史

本专业介绍

移动前端/WEB前端

网站建站流程

技术图片

二、WEB标准,W3C/WHATWG/ECMA相关概念

WEB标准组成

技术图片

技术图片

组织解析:
1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。
W3C (制定了结构(xhtml、xml)和表现(css)的标准,非赢利性的。)
2)ECMA(European Computer Manufactures Association) 欧洲电脑场商联合会。
ECMA制定了行为(DOM(文档对象模型),ECMAScript)标准

3)WHATWG网页超文本应用技术工作小组是:

一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

HTML及相关概念的介绍

HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。

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

HTML5指的是HTML的第五次重大修改(第5个版本)(HTML5 是 W3C 与 WHATWG 合作的结果)

HTML发展历史

技术图片

三、相关软件的应用以及站点的创建

1)站点的作用
A/ 用来归纳一个网站上所有的网页、素材以及他们之间的联系
B/ 规划网站的所有内容和代码 整合资源
2)创建站点的步骤
创建网页所需各个文件夹 css、js、images
3)文件的命名规则
A/ 件命名规则:用英文,不用中文
B/ 名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。@#¥%……! -_
C/ 网站的首页必须命名为index.html不建议使用shouye.html

 

好程序员html5大前端分享web前端面试题集锦三

1、HTML语义化的理解?答案:HTML语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CSS的情况下也以一种文档格式显示,并且是容易阅读的;搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重... 查看详情

好程序员web前端教程分享前端javascript练习题

好程序员web前端教程分享前端javascript练习题,事件委托机制----------重要  eg:点击按钮往ul中添加li,使添加的li也有相同的事件varobtn=document.getElementById("btn");varolist=document.getElementById("list");//获取ulvaroli=olist.chi 查看详情

好程序员web前端分享css常用属性缩写

好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:  颜色  16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:  #000000可以缩写为#000;#336699... 查看详情

好程序员web前端教程分享前端javascript练习题之promise

好程序员web前端教程分享前端javascript练习题之promisepromise-ajax的封装functionajax(url){//创建promise对象varpromise=newPromise(function(resolve,reject){//创建ajax对象if(window.XMLHttpRequest){varxhr=newXMLHttpRequest();}else{va 查看详情

好程序员web前端分享前端javascript练习题一

好程序员web前端教程将会为大家持续分享前端javascript练习题系列。Math对象1.编写一个函数,获得一个十六进制的随机颜色的字符串(例如:#20CD4F)方法:functionf2(){varstr="0123456789abcdef";varcolor="#";for(vari=0;i<6;i++){varnum... 查看详情

好程序员web前端教程分享前端javascript练习题三

好程序员web前端教程分享前端javascript练习题三,cookie一周内免登录样式代码:<formaction="">姓名:<inputtype="text"id="usename"/><br/>密码:<inputtype="text"i="mima" 查看详情

好程序员web前端教程分享前端javascript练习题ajax封装

好程序员web前端教程分享前端javascript练习题Ajax封装ajax的基本封装----必须掌握functionajax(url,fn){if(window.XMLHttpRequest){varxhr=newXMLHttpRequest();}else{varxhr=newActiveXObject("Microsoft.XMLHTTP");}xhr.open("get 查看详情

好程序员web前端教程分享前端javascript练习题之闭包案例

好程序员web前端教程分享前端javascript练习题之闭包案例,编写一个求和函数sum,使输入sum(2)(3)或输入sum(2,3),输出结果相同可以传入多个参数functionsum(){varnum=arguments[0];if(arguments.length==1){returnfunction(sec){returnnum+sec;}}else{varnum=0;for(va... 查看详情

好程序员web前端教程分享javascript简写方法

今天好程序员web前端教程为大家分享JavaScript简写方法,小伙伴们快来看一看吧。1.三元操作符当想写if...else语句时,使用三元操作符来代替。constx=20;letanswer;if(x>10){answer=‘isgreater‘;}else{answer=‘islesser‘;}简写:constanswer=x>10?... 查看详情

好程序员web前端分享定位锚点透明

好程序员web前端分享定位锚点透明学习目标1、position定位属性和属性值2、定位元素的层级属性3、包含块的概念和应用4、锚点连接的语法和应用场景5、透明属性的应用6、扩展:Flash和marquee(滚动字幕)一、position定位属性和属性值... 查看详情

好程序员web前端分享如何构建单页web应用

  好程序员web前端分享如何构建单页Web应用,首先我们来看一看单页应用是什么?所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主... 查看详情

好程序员web前端分享mvvm框架vue实现原理

  好程序员web前端分享MVVM框架Vue实现原理,Vue.js是当下很火的一个JavaScriptMVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js和react.js更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。? 1.什么... 查看详情

web前端基础篇①

html1.html5和css3在IE上都不支持2.超过1100px以上的宽度,就会出现滚动条3.<!doctypehtml>解析模式分为标准模式混杂模式非标准模式-针对IE6or74.标签成对出现,/表示结束5.选中内容ctrl+/即可注释6.<matecharset:“UTF-8”>支持... 查看详情

web前端基础资料分享(代码片段)

...。本人除了学习考研之外知识之外,还学习了一些Web前端的知识,哈哈哈。当然,我也做了一些相关的笔记。大家如果需要的话,大家可以先去下载eDiary这一款软件,然后私信我ÿ 查看详情

web前端基础资料分享(代码片段)

...。本人除了学习考研之外知识之外,还学习了一些Web前端的知识,哈哈哈。当然,我也做了一些相关的笔记。大家如果需要的话,大家可以先去下载eDiary这一款软件,然后私信我ÿ 查看详情

基础篇css你知道多少?(代码片段)

前言css就像女人的化妆品一样,化妆前后对于web前端来说,书写好css是不容易的一件事情。下面就让我把工作中遇到问题分享给大家。css优先级先看下图优先级选择器的优先权解释说明内联样式表的权值最高1000。ID选择器的权值... 查看详情

前端基础从头学——vscode使用教程+html基础(入门篇)(代码片段)

作者简介:hello!大家好,初学前端知识,请多多指教。希望我的分享能够帮助到更多的人,如果觉得我的分享有帮助的话,请大家一键三连支持一下哦~文章目录前言一、VsCode编辑器使用教程1、VsCode的下... 查看详情

学html5需要啥基础,怎么入门?

...视频教程学习,靠谱不?  随着移动互联网的发展,web前端逐渐受到企业的重视,前端开发人员的薪资也水涨船高,越来越多的人看好前端行业的发展,想要转行加入。下面,给大家分享一份web前端学习路线图,希望对初学者... 查看详情