HTML基础知识个人总结

HTML

一.站点及文件名规范

​ 1.以小写字母开头，数字，下划线命名，不得以中文，空格，特殊符号命名。

​ 2.站点需要创建html，css，js，images 文件夹和 index.html 文件。

​ 3.index.html 文件为首页文件，不得修改文件名称。

二.标签

《1》分为单双标签：

​ 1.单标签，单标记，元素：单个出现，/ 可以省略。

<input type="text" /> <input type="parssword">

​ 2.双标签，双标记，元素：成对出现，结束标签前面有 /。

<div> </div> <a href="" title="" target=""></a>

《2》标签特点：

• 第一个单词是标签名
• 标签名与属性之间用空格隔开
• 属性与属性值之间用=连接，属性值写在 " "内(单双引号都行)
• 属性与属性之间用空格隔开

三.常用标签

《1》快捷写法

• *生成几个
• $ 数字序号

  h$*6

  <h1></h1>
  <h2></h2>
  <h3></h3>
  <h4></h4>
  <h5></h5>
  <h6></h6>

• lorem 出现一段文段测试时用

 <p>lorem</p>

<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis ex vitae ea, inventore obcaecati debitis nulla voluptatum aspernatur ullam illum ducimus magnam nobis repellendus aliquid voluptas eum laborum dignissimos consequuntur.</p>

《2》标题标签 h1-h6

  <h1>我是1级标题</h1>
  <h2>我是2级标题</h2>
  <h3>我是3级标题</h3>
  <h4>我是4级标题</h4>
  <h5>我是5级标题</h5>
  <h6>我是6级标题</h6>

• 独占一行
• 字体自带加粗
• 不同标题的字号不同
• 自带间距
• 双标签

《3》段落标签 p

  <p>我是段落标签</p>
  <p>我是段落标签</p>
  <p>我是段落标签</p>

• 独占一行
• 自带间距
• 双标签

《4》空格符 & nbsp；(不属于标签，是特殊符号)

 <p>&nbsp;&nbsp;&nbsp;&nbsp;Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat corrupti culpa, cumquesequi
    pariatur debitis
    facere impedit doloribus corporis aliquam voluptates id facilis recusandae nemo alias vel, odio repudiandae.
    Excepturi.</p>

《5》换行标签 br

 <p