HTML基础

HTML全称：超文本标记语言。但其并不是编程语言，而是一种标记语言
HTML采用不同的标签表示不同的网页部分

<!doctype html>
<html lang='zh-cn'>
  <head>
    <meta charset='utf-8'>
  </head>
  <body>
    <div class='head'>
    </div>
    <div id='body'>
      <form action='/'>
        <!--HTML注释格式-->
        <input type='text' name='name' value='tony'/>
        <button type='submit'>submit</button><br>
        <!--属性值无需全部填写-->
        <input type='password'/><br>
        <input type='checkbox'/><br>
        <video width='320' height='240' controls='controls' autoplay='autoplay'>
          <source src='video.mp4' type='video/mp4'/>
        </video>
      </form>
    </div>
  </body>
</html>

1.<meta charset='utf-8'>，规定HTML文档编码规则
TXT编写代码，保存后在网页上运行出现了乱码。问题就出记事本身上。 <meta charste="utf-8"> 只是告诉浏览器要用utf-8来解释，而文档的编码，是在你保存时的选择决定的。如果保存ANSI 然后用utf-8解释，肯定是乱码。记事本的话，默认保存的文件格式是ANSI。所以在保存的时候要修改为uif-8。

2.自闭合&非自合标签
自闭合标签指只出现一个标签，以/>自结尾。通常使用在诸如⽂文本框<input />之类的不可能包含子标签的元素上。
非自闭合标签指需要成对标签，以</xxx>结尾。通常用来描述文档结构。

3.属性的概念
属性用来描述标签的特性
通用属性是所有标签皆可使用，比如:id描述标签唯一标识；class描述标签CSS类；style描述标签样式
特有属性各标签各不相同，不详述...

4.相对路径&绝对路径
　相对路径：以需要引用文件所在的位置为参考，而建立出的目录路径。当保存于不同目录的文件引用同一个文件时，所使用的路径不相同，故称之为相对。
　　绝对路径：以根目录为参考基础的目录路径。当保存不同目录的文件引用同一个文件时，所使用的路径是一样的，故称之为绝对。
以下为建立路径所使用的几个特殊符号，及其所代表的意义。
　　“.”–代表目前所在的目录。
　　“..”–代表上一层目录。
　　“/”–代表根目录。

图片.png

假若要在Ref.htm文件中引用BeRef.gif文件时，其相对路径如下：
　　./SubDir2/BeRef.gif
上面的引用路径中，”.”代表目前的目录(Dir1)，所以”./SubDir2”代表目前目录下的SubDir2。其实，也可以省略”./”直接用下这个方式引用。
　　SubDir2/BeRef.gif
若使用绝对路径以根目录为参考点引用该文件时，引用路径如下：
　　/Dir1/SubDir2/BeRef.gif
该部分转载于：https://blog.csdn.net/u010924834/article/details/48657427

练习：

编写一个HTML文件，展示出所有 type 的input标签。
编写一个HTML⽂文档，可以播放视频。

HTML基础

推荐阅读更多精彩内容