首页 > Web开发 > 详细

html基础

时间:2016-02-19 17:22:30      阅读:139      评论:0      收藏:0      [点我收藏+]

HTML 简介 

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如 <html>

HTML 标签通常是成对出现的,比如 <b> 和 </b>

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

例:

<p> 与 </p>  标签之间的文本被显示为段落

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

例:

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:

<a href="http://www.w3school.com.cn">This is a link</a>

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

<p>This is my first paragraph.</p>

常用标签

html链接

HTML 链接语法

<a href="url">Link text</a>

例:

<a href="http://www.w3school.com.cn/">Visit W3School</a>

下面的这行会在新窗口打开文档:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

图像标签(<img>)和源属性(Src)

例:

<img src="url" />

alt 属性用来为图像定义一串预备的可替换的文本。

<img src="boat.gif" alt="Big Boat">

列表

无序列表

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

有序列表

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

定义列表

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>

元素分类

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:<h1>, <p>, <ul>, <table>

内联元素在显示时通常不会以新行开始。

例子:<b>, <td>, <a>, <img>

表单

表单是一个包含表单元素的区域

表单元素是允许用户在表单中输入信息的元素

例子:

<form>

用户:

<input type="text" name="user">

<br />

密码:

<input type="password" name="password">

</form>

文本域

<form>

First name: 

<input type="text" name="firstname" />

<br />

Last name: 

<input type="text" name="lastname" />

</form>

单选按钮

当用户从若干给定的的选择中选取其一时,就会用到单选框。

<form>

<input type="radio" name="sex" value="male" /> Male

<br />

<input type="radio" name="sex" value="female" /> Female

</form>

复选框(Checkboxes)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

<form>

<input type="checkbox" name="bike" />

I have a bike

<br />

<input type="checkbox" name="car" />

I have a car

</form>


表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。

<form name="input" action="html_form_action.asp" method="get">

Username: 

<input type="text" name="user" />

<input type="submit" value="Submit" />

</form>


label标签

<label> 标签为 input 元素定义标注(标记)

<form>

 <label for="male">Male</label>

 <input type="radio" name="sex" id="male" />

 <br />

 <label for="female">Female</label>

 <input type="radio" name="sex" id="female" />

</form>


html基础

原文:http://lxb994.blog.51cto.com/9805112/1743411

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!