HTML&CSS总结

文档结构：

 标签的使用格式：

<标签名 k="v" k="v"></标签名> 或者 <标签名 k="v">

 k代表的是属性 v代表的是值 多个属性中间使用空格。

快捷键：

标签名+tab
注释：ctrl+/?
新建 ctrl+n
保存 ctrl+s
另存为 ctrl+shift+s
全选 ctrl+a
后退 ctrl+z
撤回后退 ctrl+y
复制 ctrl+c
粘贴 ctrl+v 
f5刷新
f12控制台

emmet插件 ：

ul>li*n(n是指多少个li标签）

如 ul>li*2+tab变成

<ul>
            <li></li>
            <li></li>
 </ul>

div.header+tab变成

 <div class="header"></div>

常用标签：

1.img标签：

img引入图片  src放置图片地址 alt图片不能正常显示的时候，提示文字  title鼠标移入提示文字。

如： <img src="pic.png" alt="这是一个美女的照片" title="这是logo图片">2.

2.h1-h6标签：

h1-h6标题文字 h1语义非常重，一般一个页面，只能有一个，用来引入logo

  h2一般一个页面只能有两个

  h3一般一个页面只能有三个

   其余自定义

3.p标签：

p标签引入段落文字，引入一段话一段文字。

4.a标签：

页面跳转超链接a href放置的是跳转的页面地址 target="_blank"加此属性，在新页面打开。不加默认在当前页面打开。

 如    <a href="https://hao.360.com/" target="_blank">360导航</a>

5.ul li标签：快捷键：ul>li*n(n是指由多少个li标签）

<!-- ul li结构类似的布局 无序
             ul的子级(第一级包裹的)只能是li
             li的父级(第一级包裹该标签的)只能是ul
        -->
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>

        <!-- ol实现有序列表 -->
        <ol>
            <li></li>
            <li></li>
            <li></li>
        </ol>

6.div标签：

div用来实现布局

如 <div></div>

7.span b u i是小标签，用于引入小元素。

 <span></span>

   <b></b>

    <u></u>

    <i></i>

8.textarea 文本域标签：

如   <textarea name="" id="" ></textarea>

表单

 <!-- input可输入框 type限制类型  text文本  number数值类型 password密码 radio单选框 checkbox-->
        用户名 <input type="text">
        <!-- br换行 -->
        <br><br>
        手机号 <input type="number">
        <br><br>
        密码 <input type="password">
        <br><br>
        <!-- 单选框如果想要成为真正的单选框，需要加一个相同的name值 -->
        性别 <input type="radio" name="sex">男 <input type="radio" name="sex">女
        <br><br>
        爱好 <input type="checkbox">游戏 <input type="checkbox">音乐<input type="checkbox">csdn
        <br><br>
        出生地 <select name="" id="">
                <option value="">广州</