一、什么是HTML?
HTML即超文本标记语言(HyperTextMarkupLanguage),是用来描述网页的一种语言。
超文本标记语言的结构包括"头"部分(外语:Head)、和"主体"部分(外语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容。
标记语言是一套标记标签(markuptag)
HTML使用标记标签来描述网页
如下代码:
MyFirstHeading
Myfirstparagraph.
例子解释:
与之间的文本描述网页
与之间的文本是可见的页面内容
与之间的文本被显示为标题
与
之间的文本被显示为段落二、HTML元素
HTML文档是由HTML元素定义的。
HTML元素指的是从开始标签(starttag)到结束标签(end
tag)的所有代码。
td{border:1pxsolid#cccpadding:5pxmargin:auto}
td>p{text-align:left}
td>pspan{text-align:centerdisplay:block}
开始标签
元素内容
结束标签
Thisisaparagraph
href="default.htm">
Thisisalink
注释:开始标签常被称为开放标签(openingtag),结束标签常称为闭合标签(closingtag),大多数HTML元素可拥有属性。
空的HTML元素:
没有内容的HTML元素被称为空元素。在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如:
就是没有关闭标签的空元素,而
是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。
即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。
HTML提示:使用小写标签
HTML标签对大小写不敏感:
等同于
。许多网站都使用大写的HTML标签。
W3School使用的是小写标签,因为万维网联盟(W3C)在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写。
三、HTML属性
HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在HTML元素的开始标签中规定。
属性实例:
HTML链接由标签定义。链接的地址在href属性中指定:
Thisisa
link
注释:属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='Bill"HelloWorld"Gates'。
HTML提示:使用小写属性
属性和属性值对大小写不敏感。
不过,万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。
而新版本的(X)HTML要求使用小写属性。
一些常见HTML属性:
td{border:1pxsolid#cccpadding:5pxmargin:auto}
td>p{text-align:left}
td>pspan{text-align:centerdisplay:block}
属性
值
描述
class
classname
规定元素的类名(classname)
id
id
规定元素的唯一id
style
style_definition
规定元素的行内样式(inline
style)
title
text
规定元素的额外信息(可在工具提示中显示)
四、HTML编辑器
使用Notepad或TextEdit来编写HTML
可以使用专业的HTML编辑器来编辑HTML:
AdobeDreamweaver
MicrosoftExpressionWeb
CoffeeCupHTMLEditor
五、HTML标题
标题(Heading)是通过
-等标签进行定义的。Thisisaheading 定义最大的标题。
Thisisaheading 定义最小的标题。
注释:浏览器会自动地在标题的前后添加空行。
注释:默认情况下,HTML会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
以上就是小编今天为大家分享的关于Web前端工程师要了解的html+css基础知识的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的Web前端工程师。
最先需要学习的是 HTML,HTML 是开发设计网页页面最基础的语言表达,CSS 和JavaScript 的使用是根据 HTML 的,因此务必先学习培训 HTML,将网页页面的基本上框架搭建下去,在使用 CSS 开展装饰。学习培训 HTML 以后,在开展 CSS 的学习培训,或是二者同时进行学习培训。如果将 HTML 构建的网址比成是毛胚房,那样 CSS 便是对它开展室内装修。
CSS 是用于变更款式设计方案的,装饰网址,提高客户体验度。最终学习培训 JavaScript。JavaScript 用于界定网页页面的个人行为,提高网页页面的互动性。在我们将一个房屋装修完成后,就必须考虑到其程序模块,也就是想让它完成哪种实际操作。HTML、CSS、JavaScript 三门语言表达的学习培训并没分为很清楚的主谓层级,完全可以交叉学习培训,提升印像,且可以让你更快的知道源代码的应用。
但是需要注意的是,大家学习时必须从最基础的英语的语法标识开始学习,循序渐进,提高学习效率。如果只是做一个静止的网页页面,上边的是彻底足够了,可是假如想要做动态性的,这个时候就要逐渐学习php了。 新手入门php相比于JS会更不便一些, 由于运作php必须有许多关键点要解决, 因此一本好的入门书籍是非常重要的, 这一w3school上面的php帮不上什么忙了。
入掌握JavaScript:因为你是想倾向于前端工程师,因此务必深入了解JavaScript,对JavaScript原型链、功效域链、程序设计模式都深入分析。多参照顺利的OOP程序设计模式,多研究框架源代码:如jQuery、prototyp、Ext等,都会有非常好的研究价值。