三沣开发知识 购物 网址 游戏 小说 歌词 地图 快照 开发 股票 美女 新闻 笑话 | 汉字 软件 日历 阅读 下载 图书馆 编程 租车 短信 China
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题
autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程 CSS/HTML/Xhtml
html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
站长资讯 .NET新手 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA VisualStudio ASP.NET-MVC .NET控件开发 EntityFramework WinRT-Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动 Html-Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP OracleERP DynamicsCRM K2 BPM 信息安全 企业信息 Android开发 iOS开发 WindowsPhone WindowsMobile 其他手机 敏捷开发 项目管理 软件工程 SQLServer Oracle MySQL NoSQL 其它数据库 Windows7 WindowsServer Linux
  IT知识库 -> CSS/HTML/Xhtml -> html入门教程 html标记符号快速掌握 -> 正文阅读
 

[CSS/HTML/Xhtml]html入门教程 html标记符号快速掌握

html入门教程 html标记符号快速掌握 如果你对html一无所知,还苦恼与html如何入门,本文可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议
编外话
如果你对html一无所知,还苦恼与html如何入门,笔者很建议你学习下这篇文章,可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议。
概要
HTML俗称超文本标记语言,是Hyper TextMarkup Language的缩写,是用于描述网页文档的一种标记语言。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是我们的html,我们学习html就是学习这些标记符号,今天我们主要来学习一些常见的html标记符号也称为html元素、
标签元素
标签介绍
html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“</>”。
html标签元素有四种形式分别是:
空元素:<br>
带有属性的空元素:<hrfont="red">
带有内容的元素:<titile>这是内容</titile>
带有内容和属性的元素:<fontcolor="red">这是内容</font>
这里有一点要说的是在html文档中,标签和属性的名字是和大小无关的。
html框架的必备基本元素
<html></html>表示文档的开始和文档结束
<head></head>表示文档头部的开始和结束
<title></title>表示文档标题的开始和结束
<body></body>表示文档的正文的开始和结束
html注释
格式是小于号(<),感叹号(!)小于号和感叹号间无空格,接下来是两条短线(--),然后就是注释内容,最后又是两条短线(--)和大于号(>)。
如:<!--这是注释内容-->
与段落控制相关的标签
<palign="#">
创建一个段落,属性align表示段落的对齐方式,#可以是left、center、right、justify。
<br>
作用是换行
<hrcolor="#">
作用是插入一条水平线,属性color用来表示颜色。
与文本显示相关的标签
<center>…</center>
使文本居中显示
<hnalign="#"></hn>
作用是表示文档的标题,n是从1-6的整数,一次为最大标题,6是最小标题,align为设置标题对齐方式,包括left、center、right
<fontsize=n color="#">...</font>
设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。
<b>...</b>
使文本成为粗体。
<i>…</i>
使文本成为斜体
列表元素创建的标签
a.创建带数字编号的列表:
<ol>...</ol>用start属性,设置起始的序号。
<li>...</li>用value属性,改变列表内的序号顺序。
b.创建带有项目符合的列表:
<ul>和<li>,他们标签的type属性指定符号的样式:
disc,显示为实心的圆圈;
square,显示未实心的方块。
circle,显示未空心的圆圈
b.建立无符号的列表
<dl>与<dt>标签创建无符号的列表
<dd>和<dt>,创建缩进的列表
表格元素的标签
表格在网页布局中的作用是至关重要的,表格是用<table>来定义的,
具体的定义为:<tableborder=n aligh="#" bgcolor="rgb">
属性border用于定义表格边框的宽度,属性align用于设定表格的对齐方式,可以是left、right、center。bgcolor是颜色。
<caption>…</caption>用来定义表格的标题
<tr>...</tr>为表格添加新行
<th>…</th>用于定义表头
<td>…</td>用于定义单元格
html交互式表单
表单在网页中主要负责数据采集功能,比如我们平常注册信息、输入信息可以与网页进行交互的都是表单。
表单使用<form>...</form>元素创建,在两者之间嵌入其它相关元素或者说是控件,就可以创建作为html文档一部分的表单。
创建表单的基本语法如下:
<formmethod="get or post" action="URL">….</form>
属性method用于指定向服务器发送表单数据时所使用的HTTP方法,用get或者post皆可,提交的数据被附加到URL的末端,作为URL的一部分发送到服务器。
下面就是关于表单常用的一些元素:
<input>元素用于接收用户输入的信息,它是一个带有属性的空元素,用来创建表单中的控件语法是
<inputtype="type" name="name" size="size"value="value'>
属性type用来指定要创建的控件的类型,属性那么用来指定控件的名称,size用来指定表单中控件的初始宽度,属性value指定控件的初始值。
关于type的类型可以参考下面张图片:
 
列表框元素
允许用户从一个下拉菜单中选择一项或多项,列表框由<select>元素创建,列表框中的各个选项用<option>元素提供。
多行文本输入控件
<textareaname="name" rows="number of rows" cols="number ofcolumns" >…</textarea>
属性rows用于指定文本框输入控件可视区域显示的文本行数,cols指定文本输入控件可视区域显示的宽度。
超链接标签
<ahref="URL">…</a>
属性href用于指定链接的目标,目标地址有URL定位,在开始标签<a></a>之间的文本将作为浏览器中显示的链接文本。
嵌入图像标签
<img src="URL" width=n height=m>属性src指定图像资源的位置,属性width和height用于指定图片的尺寸,在这里需要注意的是src应该尽量用相对路径而不用绝对路径。
特殊字符元素
特殊字符包括字符引用和实体引用,下面我们将常用的进行总结
 
总结
我们将这些用的最多的也是最基础的一些标签元素进行了总结,一旦掌握这些最基础的,你就可以快速成为html初级人员,编写一个简单的html网页是不成问题的,这也为以后的进一步学习打下基础。
  CSS/HTML/Xhtml 最新文章
HTML页面点击下载文件的两种实现方法
HTML如何在两个div标签中间画一条竖线
Html屏蔽右键菜单和左键划字功能的示例
详解HTML常用的标签中行内元素和块级元素
HTML阻止iframe跳转页面并使用iframe在页面
html+css+js 实现拍照预览上传图片功能
iframe节点初始化的问题探讨
WML 标签汇总
HTML实现移动端固定悬浮半透明搜索框
类型File的Input按钮功能研究
上一篇文章      下一篇文章      查看所有文章
加:2015-01-19 12:31:50  更:2017-05-14 03:04:47 
 
技术频道: 站长资讯 .NET新手区 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA Visual Studio ASP.NET MVC .NET控件开发 Entity Framework WinRT/Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动设计 Html/Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP Oracle ERP Dynamics CRM K2 BPM 信息安全 企业信息化其他 Android开发 iOS开发 Windows Phone Windows Mobile 其他手机开发 敏捷开发 项目与团队管理 软件工程其他 SQL Server Oracle MySQL NoSQL 其它数据库 Windows 7 Windows Server Linux
脚本语言: vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题 autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程
网站开发: CSS/HTML/Xhtml html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 美食菜谱 新闻资讯 电影视频 小游戏 Chinese Culture 股票 租车
生肖星座 三丰软件 视频 开发 短信 中国文化 网文精选 搜图网 美图 阅读网 多播 租车 短信 看图 日历 万年历 2018年7日历
2018-7-20 6:44:41
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT知识库