html欢迎页代码（html欢迎界面）

本篇文章给大家谈谈html欢迎页代码，以及html欢迎界面对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、HTML标签内容如何显示字符串和变量，实现欢迎XXX的功能
• 2、html网页，我有一个登录页面和一个登录成功的页面，我想在登录成功的页面显示“欢迎您’***‘
• 3、弹出窗口的html的代码是怎么写的?
• 4、在文档中出现“欢迎光临我的主页”html代码怎么写？
• 5、html网页设计：一个简单的登录界面代码！

HTML标签内容如何显示字符串和变量，实现欢迎XXX的功能

html本身是一个超文本的标记语言不是编程语言，所以只利用html代码是无法实现动态的的显示效果的，可以借助一些其他的编程语言来实现，比如JavaScript、php、Java等都是可以的。

工具原料：编辑器、浏览器

1、这里我们使用直接浏览器运行的jQuery的来实现动态的效果。使用html做一个输入框，输入什么内容就在页面上显示欢迎什么内容，代码如下：

span id="text" style="color: red;"/span/br

input type="txt" id="btn" //br

button id="sub"提交/button

script

$('#sub').click(function(){

$('#text').html("欢迎"+$('#btn').val());

})

/script

2、运行的结果如下图：

没有输入提交前

输入提交后

html网页，我有一个登录页面和一个登录成功的页面，我想在登录成功的页面显示“欢迎您’***‘

script type="text/javascript"

function aa(){

var dd= document.getElementById('dd').value;/***获取username的值***/

alert("欢迎您"+dd);

}

/script

form id="form1" name="form1" method="post" action=""

  input type="text" name="username"  id="dd" value=""///id="dd"

  input type="password" name="textfield" /

  input type="submit" name="tj" value="提交" onClick="aa()"//调用function aa()

/form

//这个是我帮你直接写的，复制粘贴到html文件里就能直接访问了

弹出窗口的html的代码是怎么写的?

1、最基本的弹出窗口代码

SCRIPT LANGUAGE="javascript"

!--

window.open ("page.html")

--

/SCRIPT 

window.open ("page.html") 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

2、经过设置后的弹出窗口

SCRIPT LANGUAGE="javascript"

!--

window.open ("page.html", "newwindow", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")nbsp;

-

/SCRIPT

SCRIPT LANGUAGE="javascript" js脚本开始；window.open 弹出新窗口的命令；"page.html" 弹出窗口的文件名；"newwindow" 弹出窗口的名字（不是文件名），非必须，可用空"代替；

3、用函数控制弹出窗口

script LANGUAGE="JavaScript"

!--

function openwin() {

window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}

--

/script

这里定义了一个函数openwin(),函数内容就是打开一个窗口。

4、同时弹出2个窗口

script LANGUAGE="JavaScript"

!--

function openwin() {

window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

nbsp;

window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}

--

/script

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。

5、主窗口打开文件1.htm，同时弹出小窗口page.html

script language="javascript"

!--

function openwin() {

window.open("page.html","","width=200,height=200")

}

--

/script

在文档中出现“欢迎光临我的主页”html代码怎么写？

就直接在欢迎页上写h1欢迎光临我的主页/h1即可，打开页面就能展示出这句话了

html网页设计：一个简单的登录界面代码！

!doctype html

html

head

meta charset="utf-8"

link href="main.css" type="text/css" rel="stylesheet"

title登陆界面/title

/head

body

div class="login_ico"

img src="images/login_ico.png"

/div

div class="login_putin"

ul

liinput type="text" /li

liinput type="password" /li

/ul

/div

div class="login_btn"

input type="submit" value="登陆"

/div

/body

/html

样式 ：

*{

margin:0;

padding:0;}

li{

list-style-type:none;

margin:0;

padding:0;}

a{

text-decoration:none;

color:#000;}

/*---------------------按钮-----------------------------*/

.login_putin ul li input{

margin: 0;

width:70%;

padding: 1em 2em 1em 5.4em;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border: 1px solid #999;

}

.login_btn{

width:300px;

margin:40px auto 0 auto;

}

.login_btn input{

width:100%;

margin:0;

padding:.5em 0;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border:#1263be solid 1px;

background:#1b85fd;

color:#FFF;

font-size:17px;

font-weight:bolder;

letter-spacing:1em;

}

.login_btn input:hover{

background:#1263be;

}

html欢迎页代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html欢迎界面、html欢迎页代码的信息别忘了在本站进行查找喔。