为了账号安全,请及时绑定邮箱和手机立即绑定

认识 HTML

标签:
Html/CSS

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>;

  • 等等...

             






点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消