自学H5Day1笔记

一、了解HTML

   HTML是用来描述网页的一种语言

   HTML指超文本标记语言

   HTML不是编程语言,是一种标记语言

二、HTML新特性

   1、用于绘画的canvas标签*

   2、用于媒介回放的video和audio元素*

   3、对于本地离线储存有了更好的支持

   4、新的特殊内容元素

             例如:article、footer、header、nav、section

    5、新的表单控件

            例如:calendar、date、time、email、url、search

   6、浏览器支持

           Safari、Chrome、Firefox一级Opera包括IE9基本支持了HTML5

三、HTML基础

1、声明<!DOCTYPE html>

        HTML有很多不同版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。这就是<!DOCTYPE html>的用处

2、HTML基础标签

        head(定义编码格式,标题)、body

3、HTML标题

      <h1>....<h6>等标签进行定义等(从h1到h6字体越来越小)

4、<p>标签

      <p>标签定义一段文字

5、HTML超链接

      <a>标签   <a href=@"http://www.baidu.com">跳转到百度</a>

6、HTML图像

     <img>标签 <img src="图片位置">

四、HTML元素、属性、格式化

①元素

    1、元素指的是从开始标签草结束标签的所有代码(特例空元素<br/>换行)

    2、 大多数HTML元素可拥有属性

    3、大多数HTML元素可以嵌套使用

②属性

    1、标签可以拥有属性为元素提供更多信息

    2、属性以键值对形式出现

            例如:href=@"www.baidu.com"

    3、常用标签属性

            <h1>:align对齐方式

            <a>:target规定何处打开链接 target="blank"打开新页面

    4、通用属性

            class:规定元素的类名

             id:规定元素唯一ID

             style:规定元素样式

             title:规定元素的额外信息

③格式化


五、HTML样式、链接和表格

     1、<style>:样式定义  <link>:资源引用

    2、属性:

         rel="stylesheet":外部样式表

         type="text/css":引入文档的类型

         margin-left:边距

  3、样式

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,227评论 0 1
  • 嗖的一下,又到2月底啦,我已经习惯打卡生活啦,刚开始加入#不一样的31天#只是抱着可以让我无聊无趣无味的日子变的有...
    璇儿妹子阅读 267评论 0 0