我的前端学习之路
初学者——html篇
html初级标签
-
段落标签：
<p></p>； -
h${标题}*6：
<h1></h1>~<h6></h6>，从大到小，每个标题独占一行，可以用来更改字体大小，加粗字体； -
<strong>加粗内容</strong>； -
<em>斜体展示内容</em> -
<del>50元</del>；50元 -
<address>地址标签</address>； -
<div></div>使得①“容器”分块明确（结构化）；②绑定操作； -
<span></span>;
html高级标签: -
html编码:空格展示
 ,小于符<,大于符> -
回车，换行：
<br>，水平线：<hr>; -
有序列表：
<ol type="1/a/A/i/I"><li>编码</li></ol>.<ol>里面的要求：①type=“数字/字母/罗马数字”；②倒序排序：reversed="reversed";③从第几个开始排：如type="a" start="3"表示从c开始排。 -
无序列表：
<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;} -
img标签
<img src="图片地址">图片地址有网上地址（在新标签中打开图片）、本地的绝对路径、本地的相对路径。图片占位符：alt="淘宝"，即当图片地址发生错误时，展示文字信息。图片提示符：title="这是美羊羊"。 -
a标签：
<a href="http://www.baidu.com">百度</a>
内容可以是任意形式，如：文字、图片。target="_blank"表示在新标签中打开另一个页面。a标签最原始的功能：作为锚点记录位置。如：
a 标签作用：
①超链接；
②锚点；
③“打电话”，如：<a href="tel:10086" style="front-size:10rem">中国移动</a>；“发邮件”，如：<a href="mailto:2517***@qq.com">发邮件</a>；④协议限定符。如：<a href="javascript:while(1){alert('让你手欠')}">点我试试</a>。 -
表单标签：
<form></form>,向后端发送数据。
代码示例：
单选按钮：<input type = " radio">;
复选按钮：<input type = "checkbox" name = "fruit" value = "apple">
下拉菜单：<select><option></option></select>。
附学前端学习框架：
注：第一次写博客，还不是一名合格的程序媛，如有错误，可以指正，谢谢！