这个例子中综合了前面六篇基础教程中的各种元素的使用方法,方便大家参考
<html><head > <meta charset="utf-8"><style type="text/css">div#container{width:600}p {margin-left: 20px}h1 {color: red}p {color: blue}</style></head><body bgcolor="green"><div id="container"><hr/><a name="tip_top">这是顶部</a><a href="#tips">跳至底部</a><hr/><h4>链接测试</h4><p><img id="s_lg_img" src="http://www.baidu.com/img/bdlogo.png" style="max-width:90%" style="max-width:90%" alt="图片无法加载"><a name="label" href="http://www.qq.com" target="qq_main"> 在下面内嵌框架中打开腾讯首页</a></p><hr/><h4>内嵌框架<h4/><iframe src="http://www.baidu.com" width="600" height="200" name="qq_main" ></iframe><hr/><h4>表单测试:</h4><form> <fieldset> <legend>用户信息</legend> 用户:<input type="text" /> 密码:<input type="text" /> <input type="button" value="这是按钮"> </fieldset></form><hr/><h4>格式输出测试:</h4><h1>春晓</h1><pre class="brush:php;toolbar:false;"> 春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。| 第一列 | 第二列 | |
|---|---|---|
| row 1, cell 1 | row 1, cell 2 | row 1, cell 2 |
|
row 2, cell 2 | |
This is a paragraph
这是
第一段
这是
第二段
立即学习“前端免费学习笔记(深入)”;
链接
这是一个图片链接
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号