HTML基本语法与标签

1.常规标记/标签  <div></div>文档区域，文档布局对象

   span的用法

     <span></span> 文本结点（某一小段文本，或是某一个字）

  空标记<标记/><br/>

说明：a.在<>中的第一个单词叫做标记，标签，元素。

        b.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”内。

        c.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。

        d.空标记没有结束标签，用"/"代替。

2.注释<!--注释内容 --> 例： ctrl+/

3.在head部分放置表现(css).

4.在body部分放置结构（网页内容）

HTML标签

1.表格中数字自动填充增加{$}  如：table>tr*5>td{$}*5  加Table为表格样式

2.段落文本内容 <p></p>.

3.空格&nbsp;

4.加粗 <b></b>或者<strong></strong>

5.倾斜<em></em>或者<i></i>

6.强制换行 <br/>

7.水平线<hr/> 下划线<u></u> 删除线<s></s>

8.HTML中有三种列表，分别是无序列表，有序列表，自定义列表。

9.快速生成html语法：

1.生成标签，直接输入标签名 按tab键即可，比如div 然后tab键，就可以生成<div></div>

2.如果想要生成多个相同标签 加上*就可以了，比如 div*3就可以快速生成三个div

3.如果有父子关系的标签，可以用>比如ul>li就可以了 

4.如果有兄弟关系的标签，用+就可以了比如div+p

5.如果生成的带有类名或者id名字的，直接写.demo 或者 #two tab键就可以了

6.如果生成的div是有顺序的，可以用自增符号$

说明：

无序列表

<ul>

  <li></li>

  <li></li>

  <li></li>

....

</ul>

1.无序列表的各个项之间没有顺序级别之分，是并列的

2.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法不允许的

3.<li>与</li>之间相当于一个容器，可容纳所有元素

4.无序列表会带有自己的样式属性，但在实际运用时会使用CSS来设置

有序列表

<ol>

 <li></li>

 <li></li>

 <li></li>

  ...

</ol>

补充：ol里添加start标签可以从自定义数字开始

1.<ol></ol>中只能嵌套<li></li>,直接在<ol></ol>标签中输入其他标签或者文字的做法不允许的

2.<li>与</li>之间相当于一个容器，可容纳所有元素

3.有序列表会带有自己的样式属性，但在实际运用时会使用CSS来设置

自定义列表

<dl>

    <dt>定义项目名字</dt>

    <dd>项目名字</dd>

    <dd>项目名字</dd>

    ...

</dl>

1.<dl></dl>里面只能包含<dt></dt><dd></dd>

2.<dt>和<dd>没有个数限制，经常一个<dt>对应多个<dd>