Html基础

1.Html是一种弱语言，静态网页。

2.生成icon图片网站：bitbug

3.注释的快捷键：Ctrl+Shift+/

4.常用的标签

• 标题标签：<h1></h1>~<h6>
• 段落标签：<p></p>
• 列表标签：（1）无序列表：<ul>

<li></li>

</ul>

         （2）有序列表：<ol>

<li></li>

</ol>

         （3）自定义列表：<dl>

<dt></dt>

<dd></dd>

</dl>

• 图片标签： <img src=““>

src：用于指定图片所在的路径

相对路径：图片相对于HTML文件所在的位置

./表示在当前目录下

../表示返回上一级目录

绝对路径：指的是图片在电脑上的存储路径（包含到了盘符路径）

alt：用于作为图片加载失败时的文字提示

title：当鼠标在图片上悬浮时显示的提示（title属性是所有的标签都具备的一个属性）

width：设置图片的宽度

height：设置图片的高度

• 水平线标签：<hr>
• 换行标签：<br>
• 超链接标签：<a href=””></a>   

href：指定要跳转的网页链接

target：指定新窗口的打开方式

_blank：代表打开一个新窗口

_top：在当前窗口中打开

• 表格标签：<table></table>

<tr>表示行，<td>表示列

  Border:边框

  Align:排列方式

  Cellspacing:单元格间距

  Cellpadding:单元格边距

  Rowspan:合并行

  Colspan:合并列

• 表单标签：<form></form>

action:指定服务器地址

method:指定表单数据的提交方式

get:默认的提交方式。效率高，不安全

post:效率低，安全

5.表格的优缺点

优点：布局简单，样式统一

缺点：后期维护非常麻烦

6.表单知识点

Input框的type种类：

text:文本

password:密码

checkbox:复选框

Radio:单选框

File:文件

Button:按钮

Submit:提交

Hidden:隐藏输入框

Reset:重置

Range:进度条

Date:日期

7.表单补充内容

1. value:值，用于传递给后台或者直接显示。
2. pattern:正则表达式，用于规定前端输入的格式。
3. readonly="readonly":用于规定该输入框的value为只读，数据可传输到后台。
4. placeholder="文字内容":文字用于显示在输入框的底部起到提示输入作用，输入时文字消失。
5. required="required":设置后该input框内容为必须输入。
6. lable:作用为选中输入框前面的文字时也可以在输入框中出现光标,lable后跟for，for中的内容为input框的name属性。

窗体顶端

用户名： 

1. disable:禁用该input框，数据不能传输到后台。
2. checked:用于种类为checkbox的input框里，起到默认选中效果,需要添加“ checked="checked" ”。
3. select标签:下拉框，点击下拉箭头选中某个选项，下拉每个选项用“option标签”，可以在option标签中用selected="selected"。
   来设置某个选项为默认选择选项，设置多个selected则默认选项为最后一个设置的option标签
4. textarea标签:文本域，可用rows属性设置高度，cols属性设置宽度，在网页中显示的文本域框可以手动拉伸缩。
5. maxlength:maxlength是一个属性，其值在input框中用于设置字符最大输入长度。
6. autocomplete="off":用于关闭历史输入记录。

8.iframe标签

frameborder:控制是否显示边框，1为显示，0为不显示

scrolling:控制是否显示滚动条，yes为显示，no为不显示，auto为自动控制

9.行元素与块元素

块元素：独占一行，可设置宽高

行元素：可在同一行显示，设置宽高无效

行元素之间可以嵌套，但不嵌套块元素

块元素既可以嵌套块元素，也可嵌套行元素

（p签无法嵌套块元素，h标签之间无法嵌套）

10.特殊字符

空格：&nbsp；

大于：&gt；

小于：&lt；

版本符：&copy；

人民币：&yen；