自学H

作者: LPark | 来源:发表于2016-10-11 10:25 被阅读18次

一、了解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、样式

相关文章

  • 自学H

    一、了解HTML HTML是用来描述网页的一种语言 HTML指超文本标记语言 HTML不是编程语言,是一种标...

  • H5自学笔记

    HTML 表格 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标...

  • 前端基础学习

    前端学习路径加强版 前端新手,不知道如何自学?前端养成记告诉你,正确的前端学习路径!从此规划好前端自学进度…… H...

  • Vue入坑记

    前端学习路径加强版 前端新手,不知道如何自学?前端养成记告诉你,正确的前端学习路径!从此规划好前端自学进度…… H...

  • 转载: 世界公认最好的学习法,轻松解决5大学习难题—费曼学习法

    转载:来自作者:未来魔法2012年,加拿大人斯科特.H.杨(Scott H Young)用一年的时间自学完成了麻省...

  • H5唤醒App(含对未安装App唤醒)

    由于公司H5离职了,一直没有招到合适的,所以自学了H5的开发,一边做iOS开发,然后顺便写写H5,哈哈哈,觉得也挺...

  • python-selfteacing 09

    自学目标: Debug 思维导图: https://mubu.com/doc/2gPNQ5Xczw 代码仓库: h...

  • 终极学习法——费曼技巧(超级干货!)

    2012年,加拿大人斯科特.H.杨(Scott H Young)用一年的时间自学完成了MIT公开课上正常情况下需要...

  • 自学H5Day4

    一、div布局 二、table布局

  • 自学H5Day5

网友评论

      本文标题: 自学H

      本文链接:https://www.haomeiwen.com/subject/ibnvyttx.html