我的前端学习之路

初学者——html篇

html初级标签

1. 段落标签：

   <p></p>

   ；
2. h${标题}*6：

   <h1></h1>

   ~

   <h6></h6>

   ，从大到小，每个标题独占一行，可以用来更改字体大小，加粗字体；

3. <strong>加粗内容</strong>

   ；

4. <em>斜体展示内容</em>

5. <del>50元</del>

   ；50元

6. <address>地址标签</address>

   ；

7. <div></div>

   使得①“容器”分块明确（结构化）；②绑定操作；

8. <span></span>

   ;

   html高级标签:

9. html编码:空格展示

   &nbsp

   ,小于符

   &lt

   ,大于符

   &gt

   ;
10. 回车，换行：

    <br>

    ，水平线：

    <hr>

    ;
11. 有序列表：

    <ol type="1/a/A/i/I"><li>编码</li></ol>

    .

    <ol>

    里面的要求：①type=“数字/字母/罗马数字”；②倒序排序：

    reversed="reversed"

    ;③从第几个开始排：如

    type="a" start="3"

    表示从c开始排。
12. 无序列表：

    <ul><li>编码</li></ul>

    ，

    <ul>

    里面

    type="disc"

    圆点：disc(默认)；方块：square；空心圆：circle。

    css代码：去掉空隙：

    *{margin:0;padding:0;}

    ;

    去掉圆点：

    ul{list-style:none;}

    横行排列：

    li{float:left;margin:0 10px;line-style:25px;padding:0 5px;}

13. img标签

    <img src="图片地址">

    图片地址有网上地址（在新标签中打开图片）、本地的绝对路径、本地的相对路径。图片占位符：

    alt="淘宝"

    ，即当图片地址发生错误时，展示文字信息。图片提示符：

    title="这是美羊羊"

    。
14. a标签：

    <a href="http://www.baidu.com" target="_blank" rel="external nofollow" >百度</a>

    内容可以是任意形式，如：文字、图片。

    target="_blank"

    表示在新标签中打开另一个页面。a标签最原始的功能：作为锚点记录位置。如：

    

    a 标签作用：

    ①超链接；

    ②锚点；

    ③“打电话”，如：

    <a href="tel:10086" target="_blank" rel="external nofollow" style="front-size:10rem">中国移动</a>

    ；“发邮件”，如：

    <a href="mailto:2517***@qq.com" target="_blank" rel="external nofollow" >发邮件</a>

    ；④协议限定符。如：

    <a href="javascript:while(1){alert('让你手欠')}" target="_blank" rel="external nofollow" >点我试试</a>

    。
15. 表单标签：

    <form></form>

    ,向后端发送数据。

    

    代码示例：

    

    单选按钮：

    <input type = " radio">

    ;

    复选按钮：

    <input type = "checkbox" name = "fruit" value = "apple">

    下拉菜单：

    <select><option></option></select>

    。

附学前端学习框架：

注：第一次写博客，还不是一名合格的程序媛，如有错误，可以指正，谢谢！