html基础知识

Day 01

一、HTML:

1、超文本标记语言,

2、脚本语言(任何文档中编写都能运行),

3、掌握程度:理解,能看懂就行

4、版本:html4   html5(网上查一下两个版本区别)

         有<!DOCTYPE  html> 表明是html5版本

二、如何写脚本语言

1、  创建一个.html为后缀的文件

2、  结构:

标记,标签,元素

<></>封闭标签

<xxx/>非封闭标签

创建方法:

<html>

            <head></head>

            <body></body>                   

</html>

3、  标签:

标题标签:hn   n:1—6

标签属性:强化或修饰标签内容,属性写在开始标签内部,格式:属性名1=值1,……

图片标签(是非封闭的):<img  src =””/>

超链接标签(增加一个新的页面_blank):<a  href=””  target=”_blank”></a>

任何标签中都可以出现id(同一个html页面id值不能相同),name,class属性

4、  特殊字符

&nbsp:空格

<br/>:换行

5、  锚点

先做标记:<a  id=””  或者name=””></a>

找标记:<a  href=”#id值”  或  href=”#name值”></a>

6、  区域标签:<div></div>

7、  段落标签<p></p>   类似的标签还有<span></span>

8、  列表标签:

有序列表:<ol  type=””>     (没有type默认是阿拉伯数字)

<li>第一个列表项</li>

<li>第二个列表项</li>

<li>第三个列表项</li>

</ol>

 无序列表:<ul  type=””>     (没有type默认是圆点)

<li>第一个列表项</li>

<li>第二个列表项</li>

<li>第三个列表项</li>

</ul>

9、  表单标签:<form  method=””  action=””></form>

默认method=”get”,还有一种请求方式method=”post”

action是提交之后进入的界面,不写默认是本界面

10、文本框

                   用户名<input  type=”text”  name=”username”/>

         11、密码框

                   密&nbsp;&nbsp码<input  type=”password”  name=””/>

         12、单选框

                   checked = “checked”  默认选择此条属性

性别:男<input  type=”radio”  name=”sex”  checked = checked />

                   &nbsp;&nbsp女<input  type=”radio”  name=”sex”/>

         13、多选框

                   checked = “checked”  默认选择此条属性

兴趣:钓鱼<input  type=”checkbox”  name=”sex”  checked = checked />

                            做饭<input  type=”checkbox”  name=”sex”/>

                            洗衣服<input  type=”checkbox”  name=”sex”  checked = checked />

         13.5、文本域

                   <area/>

14、下拉列表:

                   selected = “selected”  默认设置了此条属性

<select>

<option>下拉列选项</option>     

<option  selected=”selected”>下拉列选项</option >

</select>

15、按钮标签(value值为按钮上显示的内容)

(1)上传文件

<input  type=”file”  name=”file”/>

(2)普通标签(登陆等链接跳转按钮)

<input  type=”button”  value=””/>

(3)提交标签

<input  type=”submit”  value=””/>

get与post提交的区别:

(1)get将提交的数据显示在地址栏,post不会

         (2)get提交方式相对post来说不安全

         (3)get提交的数据受地址长度的影响,提交少量数据,post提交大量数据

(4)重置标签

<input  type=”reset”  value=”重置”/>

原文地址:https://www.cnblogs.com/schblog/p/11111117.html