正文

html个人简介网页代码（html简单网页代码）

发布时间：2023-03-29 15:03:20 稿源：创意岭阅读： 1484 当前文章关键词排名出租

大家好！今天让创意岭的小编来大家介绍下关于html个人简介网页代码的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀企业，服务客户遍布全国，相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、注册/登陆页面HTML代码该怎么写？
2、谁能帮我用HTML语言做一个简单的网页?代码就行
3、怎样制作个人网页，有教程，简单点。
4、需要一份html教程的网页制作，主题是我的个人网页，

html个人简介网页代码（html简单网页代码）

一、注册/登陆页面HTML代码该怎么写？

以下为个人原创教学例子，任何人引用需注明出自百度知道用户am7972,楼主可供参考

该例子涵盖了文本框、密码框、下拉菜单、单选框、复选框及文本区的使用

同时在数据的使用方面涵盖了文本型、数值型、日期型、布尔型的使用

也涵盖了在会员信息入数据库前，进行严格的数据检查

不足处，JS验证还不是太完善，不过有服务端认证足够了

<!--function CheckForm()

{

if(document.userinfo.username.value == "")

{ alert("请输入姓名,姓名不能为空！");

document.userinfo.username.focus();

return false;

}

if(document.userinfo.username.value.length > 10)

{

alert("输入的姓名长度最多为10个字符！");

document.userinfo.username.focus();

return false;

}

//--></script>

</head>

<body>

</td> </tr>

</tr>

</form>

</table>

====bb.asp的会员注册非法数据监测====

username = Request("username")

userPassword = Request("userPassword")

Sex = Request("Sex")

userSR = Request("userSR")

userNL = Request("userNL")

ah = Request("ah")

swfs = Request("swfs")

userGrjs = Request("userGrjs")

'判断数据合法性，绝对不能让非法数据进入系统

'判断姓名username合不合法，是否包含非法数据

username = Trim(username) '例如：" 张三 "经过处理之后变成"张三"

If username ="" Then

Response.write "姓名不能为空"

Response.End

End If

If Len(username)>10 Then

Response.write "姓名字数不能超过10个字" 'Len("Z")=1 Len("国")=2

Response.End

End If

For i = 1 To Len(username)

q = Mid(username,i,1)

If InStr("!@#$%^&*()_-+|<>?/"",.",q)>0 Then

Response.write "姓名不能包含特殊符号!@#$%^&*()_-+|<>?/"",."

Response.End

End If

'判断密码合不合法，是否包含非法数据userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密码不能为空" Response.EndEnd If

If Len(userPassword)>20 Then

Response.write "密码字数不能超过20个字"

Response.End

End If

'判断密码合不合法，是否包含非法数据

Sex = Trim(Sex)

If Sex = "" Then

Response.write "性别不能为空"

Response.End

End If

If Sex <> "True" And Sex <> "False" Then

Response.write "性别不能为不男不女"

Response.End

End If

'判断生日合不合法，是否包含非法数据

userSR = Trim(userSR)

If userSR ="" Then

Response.write "生日不能为空"

Response.End

End If

If Len(userSR)<8 Or Len(userSR)>10 Then '例如：2012-6-3 2012-11-23

Response.write "你输入的生日字数不对，应为2012-6-3或2012-11-23格式"

Response.End

End If

If IsDate(userSR)=False Then

Response.write "你输入的生日格式不能转化为日期，请核实"

Response.End

End If

If DateDiff("yyyy",userSR,Date())<1 Or DateDiff("yyyy",userSR,Date())>200 Then

Response.write "根据你输入的生日你可能小于1岁或已经超过200岁了，请核查重新输入"

Response.End

End If

'判断年龄合不合法，是否包含非法数据userNL = Trim(userNL)If userNL ="" Then

Response.write "年龄不能为空"

Response.End

End If

If IsNumeric(userNL)=False Then

Response.write "你输入的年龄不能转化为数值，请核查"

Response.End

End If

userNL = CInt(userNL)

If userNL<0 Or userNL>200 Then

Response.write "你输入的年龄不能小于0岁或者大于200岁，请核查"

Response.End

End If

'判断爱好合不合法，是否包含非法数据ah = Trim(ah) '选择多个爱好则系统会用，分开 //测试

ah = Replace(ah," ","")

arrAh = Split(ah,",")

For i = LBound(arrAh) To UBound(arrAh)

If arrAh(i)<>"sw" And arrAh(i)<>"ds" And arrAh(i)<>"ty" Then

Response.write i & "你选择的爱好有问题，请核查" & arrAh(i)

Response.End

End If

'判断上网方式合不合法，是否包含非法数据swfs = Trim(swfs)If swfs = "" Then

Response.write "上网方式不能为空"

Response.End

End If

If swfs<>"bhsw" And swfs<>"wxsw" And swfs<>"gxsw" Then

Response.write "你选择的上网方式有问题，请核查"

Response.End

End If

'判断个人简介是否为空，是否超出1000个字

userGrjs = Trim(userGrjs)

If userGrjs = "" Then

Response.write "个人简介不能为空"

Response.End

End If

If Len(userGrjs) > 1000 Then

Response.write "个人简介不能超过1000个字"

Response.End

End If

Response.write "数据合法性检测通过"

====登陆的HTML代码可相信楼主参照会员注册代码应该没问题了====

二、谁能帮我用HTML语言做一个简单的网页?代码就行

<html>

<head>

<title>第一个html网页</title>

<metacharset="utf-8">

</head>

<body>

</body>

</html>

<html>

<head>

<title>第一个html网页</title>

<metacharset="utf-8">

</head>

<body>

<table>

<tr>

<td>第一行第一列</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

</body>

</html>

扩展资料

HTML语言特点

1、HTML语法较弱。

在w3c制定的HTML5规范中，对于HTML5在语法结构上的规格限制是较松散的，如、或在浏览器中具有同样的功能，是不区分大小写的。另外，也没有严格要求每个控制标记都要有相对应的结束控制标记。

2、HTML5编写简单。

即使用户没有任何编程经验，也可以轻易使用HTML来设计网页，HTML5的使用只需将文本加上一些标记(Tags)即可。

3、HTML标记数目有限。

在w3C所建议使用的HTML5规范中，所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变，且每个控制标记都已被定义过，其所提供的功能与相关属性的设置都是固定的。

三、怎样制作个人网页，有教程，简单点。

具体步骤如下：

1、打开服务器中网站文件的目录，假设为D:\abcd。

2、新建一个txt文件，文件名改为index.htm。index.htm文件是网站首页的链接，进入你的网站后第一个显示的就是这个文件上的内容。然后右键index.htm—>打开方式—>记事本。

3、现在可以添加html代码，使得网页显示文本。<p></p>是html中段落的标签，<p>是开始符，</p>是结束符，两个符号之间的字会显示在网页上。在index.htm中添加一行：<p>声明：这是一个个人网站，网页里的内容均为站主原创，请勿用于违法行为。</p>；下图为效果截图。

4、还可以为网页添加图片，图片的标签是<img>。假设图片文件的路径为D:\abcdpic123.jpg，则在index.htm中添加一行：<img src=pic/123.jpg>。下图为效果截图。

5、添加链接的标签是<a></a>。在index.htm中添加一行：<a href="https://www.baidu.com">百度，前面是链接，这里是显示的字。</a>下图为效果截图，点开蓝字，则会跳转到"百度一下"。

6、完成上述步骤后，即可制作个人网页。

四、需要一份html教程的网页制作，主题是我的个人网页，

这是我在大学学的知识

给你借鉴一下，希望对你有帮助

网页设计教程

<html>文字操作（一）

1、段落 <p>……</p>

在dreamweaver设计界面中，enter（回车）即为另起一段。

2、换行 <br/>

在dreamweaver设计界面中，shift+enter即为另起一段。

3、标题1~6 <h1>……</h1>

标题1最大，依次变小。

4、空格:

Dreamweaver 只允许一次空格，如果需要使用连续空格，则需要设置，或使用；

或使用快捷键：ctrl+shift+space（空格键）

5、水平线 <hr>

size:水平线的粗细

width:长度

align:对齐方式

<htlm>文字操作（二）

一、几个文字特殊效果

1、加粗<b></b> <strong></strong>

2、倾斜<i></i> <em></em>

3、上标<sup></sup>（适合用代码来实现，设计中无法完成）

4、下标<sub></sub>（适合用代码来实现，设计中无法完成）

随着css的逐渐普及，文字的效果都更多的通过css来实现，以上的几个标签作为了解即可。

二、文字列表

1、无序列表

无序列表有两个标签<ul>和<li>

<ul>

<li>CSS教程</li>

<li>DOM教程</li>

<li>XML教程</li>

<li>Flash教程</li>

</ul>

2、有序列表

有序列表有两个标签<ol>和<li>

<ol>

<li>CSS教程</li>

<li>DOM教程</li>

<li>XML教程</li>

<li>Flash教程</li>

</ol>

图片

一、如何获取图像

最好的途径是通过互联网

二、使用设计界面插入图像

1、菜单（一个图片属性：替换文字）

2、工具栏

3、拖曳

三、图像格式扩展阅读：

http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.html

JPEG图像、GIF图像、PNG图像

四、代码

一、超级链接的基本知识

1、含义：实现网页之间的跳转和联系

2、分类：

绝对链接 http://www.baidu.com

相对链接在同一站点不同位置之间的链接

二、三种常见的超级链接

1、文字链接<a href="http://www.baidu.com">百度</a>

2、图像链接

3、图像热点链接

===============

还有不是太常用的链接

1、空连接 <a href="#">空连接</a>

2、锚链接:在同一页面的不同位置跳转

三、链接的属性

链接目标 <a href="http://www.baidu.com" target="_blank">百度</a>

表单设计

一、设计界面

1、单元格间距

2、单元格边距

二、代码

1、从属关系：表格由行组成，行由单元格组成。

表格：<table>……</table>

行：<tr>……</tr>

单元格：<td>……</td>

2、<table>标签的属性

bgcolor:背景色

cellspacing:表格的单元格间距（间距）

cellpadding:表格的单元格边距（填充）

文字占据一行<div></div>

文字不占据一行<span></span>

、html引入css的几种方法

1、链接式

将css代码写在一个独立的文件中，文件的扩展名为.css。然后在html网页中使用<link/>标签将外部css文件放在<head></head>之间。举例：

<head>

<title>无标题文档</title>

</head>

2、嵌入式

将Css代码写在<head></head>之间，并且用<style></style>包含起来，如果考虑到兼容性，可以再使用 将css代码包含其中。

<head>

<title>无标题文档</title>

<!--

p {

font-family: "楷体_GB2312";

font-size: 18px;

}

-->

</style>

</head>

1．标签选择器：

就是网页元素本身，所有的XHTML框架中的标签都可以作为CSS样式的选择器，如定义段落样式，我们可以选择P标签的名称，即把P作为选择器。P{/*定义段落属性*/}。如果定义了标签样式，则整个网页中使用了该标签都会应用这个样式。一般应用在统一文档的某个元素的显示样式中。

2．ID选择器：

它是唯一的，网页中不同的元素它的ID是不一样的。而且一个元素它只能应用一个ID。因为如果我们使用Javascript来控制网页元素的时候它是通过ID来实现的，在这种情况下就无法正常工作了。它在定义的时候用#开始，它在应用的时候用id=””。它的名称由设计者来确定。

3．类选择：

它的名称也是由设计者来确定的，它在定义的时候用点号开始，应用的时候用class=“”；它与ID选择器所不同的是它具有一对多的特性而ID是一对一的特性。也就是说一个类选择器它可以应用到多个网页元素中而且一个元素可以应用多个类，一个元素也可以应用两个类样式，中间用空格分开，但不能是三个或者更多。在同等条件下，ID具有比class更高的优先权。

1、复杂类选择器

p.one{color:red}

实例：

<style>

.one{color:red;}

p.two{color:blue;}

</style>

.one可以用于各种标签；而。two只能用于p标签。

2、后代选择器

div p{color:#00FF00}

例子：

<div>