HTML5 学习之路

什么是HTML
HTML的全称是HyperText Markup Language，超文本标记语言
其实它就是文本，由浏览器负责将它解析成具体的网页内容
比如，浏览器会将上面的HTML代码转换为下面的网页内容

<ur>
    <li>
        123
    </li>
    <li>
        456
    </li>
</ur>

HTML的组成
跟XML类似，HTML由N个标签（节点、元素、标记）组成
HTML语法非常松散，目前的最新版是5.0，也就是HTML 5

HTML 的基本语法

开发软件 WebStorm 从苹果商店下载是需要RMB 的，可以百度找破解版的，废话不多说了，先看一下开头的代码

<html>
<!--头部标签-->
  <head>
      <!--网站编码-->
      <!--<meta charset="UTF-8">-->
      <title>第一个程序</title>
  </head>
<!--身体标签-->
  <body>

  </body>
</html>

首先我们要知道所有的标签都是写在<heml>标签里的，它里面是由<header>和<body>两部分组成,<meta charset="UTF-8">这个主要就是说网站的编码格式，如果把这行代码注释掉，就会出现乱码，我总结了一下最基础的常用标签

注释 command + /
标题标签 <h1></h1> <h2></h2> ........ <h6></h6>
这个一共分为6级，每一级的文字大小不一样
段落标签 <p></p>
输入框标签 <input>这个是单标签，上面有结尾标签的是双标签，一般有内容的都是双标签

它的样式有很多种大家可以试试
换行 <br>
图片标签 img
<img src="">

本地路径 ----引出协议：http ftp file 跨域的问题
相对路径和绝对路径
相对路径：从当前文件入手去找这个图片文件（加一个文件夹用于区分）
绝对路径：右击-->复制图片网址

容器 <div>
这个标签跟<h>标签有区别的
- 标签里面的内容字体大小比<h>标签里的内容字体小
- 标签里面内容的间距小

超链接 <a>
<a href="" target="_blank"></a>
href是地址 target 是打开网页的方式

_blank：在新窗口显示目标网页

_self：在当前窗口显示目标网页

_top：框架网页中在上部窗口中显示目标网页

a 标签里最常用的就是这2个

总结一下：学习HTML 不能手懒多敲尝试每个标签的特点

HTML5 学习之路 －

HTML 的基本语法

HTML5 学习之路－