菜鸟教程-HTML

html-css011

菜鸟教程-HTML,第1张

<!DOCTYPE html>声明为html5文档,有助于浏览器正确显示网页 <html>元素是html页面的根元素 <head>元素包含了文档的元数据,如定义网页编码格式 <title>元素描述了文档的标题 <body>元素包含了可见的页面内容 <h1>元素定义一个大标题 <p>元素定义一个段落 注:在浏览器的页面上使用键盘的F12按键开启调试模式,就可以看到组成标签 “HTML 标签”和“HTML 元素”通常是描述同样的意思,但是严格来说,一个HTML元素包含了开始标签和结束标签。只有body区域才会在浏览器中显示。 标题是通过<h1>-<h6>标签来定义的,字号逐渐减小。 HTML链接是通过标签<a>来定义的,在href中指定链接的地址。 图像是通过<img>来定义的,图像的名称和尺寸是以属性的形式来提供的。 HTML文档由HTML元素定义。

光学html没有用,因为学了html还有别的才能说明你是一个web前端开发。

html只是web前端里面最基础的东西,本身基本可以说是无难度,但是光学他是写不了网站的。

所以你要知道你学习web前端的前提是熟练掌握:html,css,javascript (最基础)。

而当你学习完之后还需要学习:Jquery,css3,html5,amazeui或bootstrap。(一般)

以后想学习混合app开发做到前后端分离时还需要学习:angularJS或React,ionic或native,node.js,以及混合app打包。(高级)

而且你以后写pc端网页或者移动端手机页面的快慢除了上面这些还有你的技术经验年限的。

<INPUT class=button type=submit value="登 录" action="chklog.asp">

首先,你的写法是错误的。

class是你写的类(能不能正确执行?), type是提交,也就是表单(form)提交,action是表单的属性,你用在input是错误的。

正确写法:

<html>

<body>

<form id="form1" method ="post" action="chklog.asp">

<input class="button" type="submit" value=" 登 录 "id="Button1" />

<input type="submit" value=" 关 闭 " onclick="window.close()" id="Button2" />

</form>

<body>

</html>

--------------------------------------------------------

表单标签:

<form></form>,创建表单

action="...",接收数据的服务器的URL

method="...",HTTP的方法(get,,post),其中get是被反对使用的

enctype="...",指定MIME(Internet媒体类型)

onsubmit="...",当提交表单时发生的内部事件

noreset="...",在重新设置表单时发生的内部事件

target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)

<select,multiple,name="name",size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目

<option>,设置每个表单项的内容

<select,name="name"></select>,创建下拉菜单

<textarea,name="name",cols=40,rows=8></textarea>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度

<input,type="checkbox",name="name">,创建一个复选框,文字在标签后面

<input,type="radio",name="name",value="">,创建一个单选框,文字在标志后面

<input,type=text,name="foo",size=20>,创建一个单行文本输入区域,size设置以字符串的宽度

<input,type="submit",value="name">,创建提交(submit)按钮

<input,type="image",border=0,name="name",src="name.gif">,创建一个使用图象的提交(submit)按钮

<input,type="reset">,创建重置(reset)按钮

<BUTTON></BUTTON>,创建一个按钮

disabled="...",把按钮的状态设置为不能

name="...",按钮的控制名,value="...",按钮的值

type="...",按钮的类型(button,,submit,,reset)

<FIELDSET></FIELDSET>,把相互关联的控件组合成一组

<ISINDEX>,提示用户输入

<LABEL></LABEL>,为一个控件提供标签

<LEGEND></LEGEND>,为FIELDSET元素指定一标题

<SELECT></SELECT>,为用户做选择创建各个选项

<TEXTAREA></TEXTAREA>,创建一个允许用户多行输入的区域.

表单标签注解:

type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)

name="...",控件的控制名(要求是除了submit和reset之外的任何名字)

value="...",控件的初始值

checked="...",把一个单选钮设置为选中的状态

disabled="...",把控件的状态设置为不能使用

readonly="...",只对输入密码的文本框使用

size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目

src="...",一个图像控件的URL

maxlength="...",指定可以输入的最多的字符数目

alt="...",另外一种文本描述

usemap="...",到客户端图形镜像的URL

align="...",被反对.控制对齐方式(left,,center,,right,,justify)

tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序

onfocus="...",当元素获得焦点时发生的事件

onblur="...",当元素失去焦点时发生的事件

onselect="...",当元素被选中时发生的事件

onchang="...",当元素状态被改变时发生的事件

accept="...",允许上载的文件类型.