html:
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
</head>
<body>
<div>
<h1>My first div</h1>
<p>This div uses inline CSS to style its content.</p>
<style>
h1 {
color: red
}
p {
font-size: 16px
text-align: center
}
</style>
</div>
<div>
<h1>My second div</h1>
<p>This div uses an external CSS file to style its content.</p>
<link rel="stylesheet" type="text/css" href="styles.css">
</div>
<div>
<h1>My third div</h1>
<p>This div uses an embedded style sheet to style its content.</p>
<style>
/* This is an embedded style sheet */
h1 {
color: blue
}
p {
font-size: 14px
text-align: left
}
</style>
</div>
</body>
</html>
style.css:
/* This is an external style sheet */
h1 {
color: green
}
p {
font-size: 18px
text-align: right
}
这段代码中，第一个div使用内联CSS来样式其内容，第二个div使用外部CSS文件来样式其内容，第三个div使用嵌入式样式表来样式其内容。
html的head区域中加上<script language="javascript">location.replace("http://192.168.1.201") </script>即可<html>
html代码如下：
<head>
<title>页面跳转</title>
<script language="javascript">location.replace("http://192.168.1.201") </script>
</head>
<body>
</body>
</html>
扩展资料：
网页HTML代码大全
文件类型 <HTML></HTML>（放在档案的开头与结尾）
文件主题 <TITLE></TITLE>（必须放在「文头」区块内）
文头 <HEAD></HEAD>（描述性资料，像是「主题」）
文体 <BODY></BODY>（文件本体）
（由浏览器控制的显示风格）
标题 <H?></H?>（从1到6，有六层选择）
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）
强调 <EM></EM>（通常会以斜体显示）
特别强调 <STRONG></STRONG>（通常会以加粗显示）
引文 <CITE></CITE>（通常会以斜体显示）
码 <CODE></CODE>（显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN>（有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗 <B></B>
斜体 <I></I>
底线 <U></U>（尚有些浏览器不提供）
删除线 <S></S>（尚有些浏览器不提供）
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT>（用单空格字型显示）
预定格式 <PRE></PRE>（保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER>（文字与图片都可以）
页面中显示HTML标签源代码
归纳几种方法，根据需求选用：
a: 把代码写在文本区域 <textarea>标签中。可以设置 disabled="disabled" 属性，禁止用户 *** 作。
b: 把要显示在html文档中标签的 "<"、">" 用实体字符替换掉。如：<p></p> 外层嵌套<pre>标签可使页面与HTML格式一致。
C: 用程序批量替换。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）