HTML第一课 20160603

学习笔记:

一、什么是Html?

    HyperText Markup Language,超文本标记语言

    “超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。


二、语法

<!Doctype        > :一种标准通用标记语言的文档类型声明,用于告诉标准通用语言标记解析器,它应该使用什么样的文档类型定义(DTD)来解析文档

<html>...</html>:html容器,可以在其中书写html正文部分

<head>...</head>:里面的内容用于对文档的说明,如对语言类型,编码方式等的说明

<body>...</body>:里面的内容是用于表现文档,如需要展现的内容等


三、规则

      1. 标签只能层层嵌套,组标签包含另一组标签,不可交叉嵌套书写

      2. 空元素必须要有结束标签


四、常见简单标签

      <br/>  换行

      <hr/>  横线

      <h1~h6>...</h1~h6>  标题,从大到小,h1最大,h6最小

      <strong>...</strong>  强调(效果:加粗)

      <em>...</em>  强调  (效果:斜体)

      <mark>...</mark>  几乎和内容无关,就是为了标示(匹配搜索项,拼写错误等)(效果:标签内内容底色标黄

      <p>...</p>  段落

      <div>...<div>  段落,没有语意,主要用作容器

      <img  ... >  图片标签,可在标签内设置图片地址,高宽及鼠标事件

      <dl><dt></dt><dd></dd></dl>  列表,dt为标题,dd为内容,可写多个dd


      <ol><li></li></ol>  有序列表,li为内容,可添加多个li,呈现是会带有有序编号

                                    属性:1.reversed 设置编号为降序排列(html5支持)

                                              2.start  规定编号起始值

                                              3.type  规定编号类型,可以是:1,A,a,I

                                     如:<ol start="D" type="A" reversed>...</o>


      <ul><li></li></ul>  无序列表,li为内容,可添加多个li,呈现是会带有黑点等标记

                                      属性:type 规定标记样式,可以为disc(黑圆点),square(黑方块),circle(空心圆)


      <a href="网页地址",target="打开方式">  插入超链接(打开方式:_blank【新页面打开】,_self【当前页面打开】,_parent【父框架打开】,_top【顶端打开】,framename【指向某一单独窗口】)


      <button>...</button>  按钮

      <table>...</table>   表格


!!!请尽量遵循语意化的原则来使用标签

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,411评论 1 41
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,102评论 0 1
  • 鲨滩是由美国索尼哥伦比亚电影公司出品惊悚片,由西班牙导演佐米 希尔拉执导,布雷克 莱弗利领街主演。 显而易见的低成...
    上官冰新0阅读 814评论 0 2
  • 吸引眼球的,莫过于引起共鸣的,总会默默沾湿眼眶。
    枫靖阅读 118评论 0 0