HTML,中文译为超文本标记语言。简单理解为某些字句加上标志的语言,从而实现预期的特定效果。网页正是由这种HTML语言所编写出来的。作为一套标记语言,基本上只要明白各种标记的用法就算学会了HTML。
HTML的语法格式分为嵌套与非嵌套两类,嵌套格式为<标记>...</标记>,非嵌套只为<标记>。此外,根据标记的不同,有的标记附带有属性参数,则表示为<标记 属性="参数值">,根据个人需要,可添加或去掉相应的属性标记。
一、基本框架
如同人一样,网页也包括了“头部”和“身体”,如图就是标记符号。
<head>标记内包含着诸如网页标题、语言编码、网页描述等基本信息,而平时我们真正见到的网页内容均放在<body>标记内。现在先介绍一下<head>里的基本信息。
网页标题(标记格式为<title></title>)
创建网页标题文字:<title>标题</title> //此处书写的文字会显示在IE的标题栏上。
网页文档信息(标记格式为<meta>)
描述网页内容类型:<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312"> //该页面为TXT文本或HTML格式,语言编码方式为GB2312(即简体中文)。
描述网页的关键字信息:<meta name="keywords" content="这里是关键字">
对网页的详细描述:<meta name="description" content="这里是对该网页的介绍">
刷新网页:<meta http-equiv="refresh" content="5URL=xxx.htm"> //5秒种后刷新,并链接到xxx.htm。
二、组成要素
无论网页如何千变万化,构成一个网页内容的最基本要素大体只有五种,即文字、图片、表格、超链接和表单控件,所以下面将围绕着这五个要素逐一列举介绍。
文字(标记格式为<font></font>)
指定文字字体:<font face="宋体">宋体文字</font>
指定文字大小:<font size="3">3号文字</font>
指定文字颜色:<font color="#FF0000">红色文字</font> //网页颜色采用16位编码,因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。
图片(标记格式为<img>)
<img src="images/pic.jpg" width="400" height="300" border="2" align="center">// src指定为路径地址,width为宽度,height为高度,border为边框大小,align为横向位置。
表格(标记格式为<table><tr><td></td></tr></table>)
<table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"><tr><td>此处添加文字或图片等</td></tr></table>// width、height、border、align与以上的例子作用一样,cellpadding为边框与单元格的间距,cellspacing为单元格之间的间距,bgcolor为表格背景色。
以上所介绍的元素都是只存在当前页中,而网页超链接的出现大大改变了人们的浏览习惯,可根据自己喜好,
超链接(标记格式为<a></a>)
<a href="xxx.htm" title="提示文字">链接文字或图片</a> //href为被点击后的链接页,title为鼠标悬停在链接文字或图片上后出现的提示文字。
表单控件(标记符号为<input>、<textarea></textarea>、<select></select>)
表单控件实现了人与网页的交互,像大家常去的论坛、购物站点等都有它的“身影”。
文本框:<input type="text" value="这是文本框"> //value为该控件的值,以下每个表单控件均可设定,不设默认为空
密码框:<input type="password">
单选框:<input type="radio">
复选框:<input type="check">
提交按钮:<input type="submit">
重置按钮:<input type="reset">
隐藏区域:<input type="hidden">
文本域:<textarea rows="6" cols="30"></textarea> //rows为行数,cols为宽度
列表框:<select><option>项目1<option>项目2<option>项目3</select>
编后:学习HTML的目的不是为了要用它来编写网页,因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素,了解这些知识后可以分析网页的结构,学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些,想要在网页设计方面发展的朋友学好它是非常必要的。
这是后台代码
代码
using System
using System Collections
using System Configuration
using System Data
using System Linq
using System Web
using System Web Security
using System Web UI
using System Web UI HtmlControls
using System Web UI WebControls
using System Web UI WebControls WebParts
using System Xml Linq
using System Text
using System Text RegularExpressions
namespace WebApplication {
public partial class _Default : System Web UI Page {
protected void Page_Load(object sender EventArgs e) {
String str = <a href=\ {&a >\ >{&a }<a>{&bbbbccccc }
String b = cleanStr(str)
string c = str (str)
this Label Text = c
}
public string cleanStr(String str) {
StringBuilder bs = new StringBuilder(str)
string str = str Substring( str Length )
str = str Trim()
return str
}
public string str (string str) {
int i =
int i =
string str_ =
string str =
string str =
Boolean bl = false
Boolean bl = true
for (int i = i <str Lengthi++) {
if (str[i] == { &&str[i + ] == &) {
i = i
bl = true
bl = false
}
if (bl ) {
str_ += str[i]
}
if (str[i] == } &&bl ) {
i = i
str = str Substring(i (i i ) + )// +
str = str Substring( str Length )
str = str Trim()
str = _str(str )
str_ += str
bl = false
bl = true
}
}
return str_
}
public string _str(string str) {
if (str == a ) {
return _str ( {&b} )
}
if (str == b ) {
return _str ( {&c} )
}
if (str == c ) {
return _str ( 进入qq )
}
return null
}
public string _str (string str) {
Regex r = new Regex(@ {+&+[A Za z ]+} )
if (r IsMatch(str)) {
return str (str)
}
return str
}
}
}
前台代码
代码
<%@ Page Language= C# AutoEventWireup= true CodeBehind= Default aspx cs Inherits= WebApplication _Default %>
<!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd >
<xmlns= >
<head id= Head runat= server >
<title>Untitled Page</title>
</head>
<body>
<form id= form runat= server >
<div>
<asp:Label ID= Label runat= server ></asp:Label>
</div>
</form>
</body>
</>
运行结果
lishixinzhi/Article/program/net/201311/11752
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)