继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

认识 HTML

一俢
关注TA
已关注
手记 82
粉丝 12
获赞 135

HTML 为超文本标记语言 (Hyper Text Markup Language),它是用来描述网页的一种语言,它并不是一种编程语言,它是一套标记标签。

强烈建议从事互联网行业的人了解一下 HTML 这一门技术,因为网页就是通过它进行描述的,学会这门技能是有一定好处的。

标签

  • 标签是由尖括号包围的关键词,例如:<div>;

  • 标签通常是成对出现,第一个是开始标签<span>,第二个是结束标签</span>

  • 标签内部可以设置属性,例如:<div color="red"></div>

  • 标签相互之间可以嵌套,例如<div color="red"><span>你好</span></div>,层层嵌套可以组合成复杂的 DOM 树;

文档

一个完整的 HTML 文档(网页)包含由标签:<html><head><body>等标签组成:

  • <head>内部的 HTML 是不可见的,是用来描述文档或者引用外部资源的;

  • <body>之间的内容是可见的,我们丰富的页面都是由这里面的标签显示出来的。

<html>
    <head>
    </head>
    <body>
        这里是网页显示的内容    </body></html>

HTML 元素

HTML 元素指的是从开始标签到结束标签的所有代码。

元素语法

  • HTML 元素以开始标签起始;

  • HTML 元素以结束标签终止;

  • 元素的内容是开始标签与结束标签之间的内容;

  • 某些 HTML 元素具有空内容(empty content);

  • 空元素在开始标签中进行关闭(以开始标签的结束而结束);

  • 大多数 HTML 元素可拥有属性。

  • 请使用小写标签

HTML 属性

  • HTML 标签是可以拥有属性的,属性使得 HTML 元素提供更多的信息;

  • 属性通常是以键\值(key\value)对的形式出现例如:<div name="value"></div>;

  • 属性总是在元素的开始标签中定义的。

常用标签

HTML 的标签相当丰富,并且加上更多功能的属性,让网页能过有丰富的表现能力。

  • 文章:<article></article>;

  • 页眉:<header></header>;

  • 页脚:<footer></footer>;

  • 导航:<nav></nav>;

  • 标题:<h1>/<h1>;

  • 段落:<p></p>;

  • 节:<div></div>;

  • 链接:<a></a>;

  • 表格:<table></table>;

  • 表单:<form></form>;

  • 输入:<input></input>;

  • 等等...

             






打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP