HTML一些简单标签的练习&复习
2019-07-30 17:33
218 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/skrboy/article/details/97791798
为闭合标签,
图像链接:
邮件链接:
书签:
自己觉得容易忘的标签(1)
定义水平线
<hr>:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>text</title> </head> <body> <p>hr 标签定义水平线:</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> </body> </html>
效果:
换行
p&br/:
为闭合标签,
/不可少,且没有
<br>...<br/>样式。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>text</title> </head> <body> <p>这个<br>段落<br>演示了分行的效果</p> <p>这个</p> <p>段落</> <p>演示了分行的效果</p> <p>这个<br/><br/>段落<br/><br/>演示了分行的效果</p> </body> </html>
效果:
可以看出,两个<br/>
相当于一个<p></p>
<br>和<br/>具有相同作用,都表示换行符,都是非成对出现的标记,但前者是老的html规范,新的规范(W3C//DTD HTML 4.0)要求一切都应象XML那样有结束符,如果没有也要硬加一个反斜杠。象br这种不需成对使用的html符号,就成了这个样子:<br/>
目前来说浏览器并不细分这二者有什么区别,但日后可能逐渐统一到新标准上来,而<br>最终将不在被浏览器支持。
链接
普通的链接:
<a href="链接地址">链接文本</a>
图像链接:
<a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接:
<a href="mailto:webmaster@example.com">发送e-mail</a>
书签:
<a id="tips"> 提示部分</a> <a href="#tips">跳到提示部分</a>
表单
<!DOCTYPE html> <html> <body> <form action=""> <fieldset> <legend>Personal information:</legend> Name: <input type="text" size="30"><br> E-mail: <input type="text" size="30"><br> Date of birth: <input type="text" size="10"> </fieldset> </form> </body> </html>
效果:
今天就先到这里吧。这么多天都在跟着老师做实验,接下来一个月任务又很繁重,没有多少时间敲代码了,以前学的又忘了不少。自学个HTML都这么曲折,真是万事开头难呀。
相关文章推荐
- Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。
- HTML+CSS初学者练习项目1:利用HTML简单标签制作《我的自我介绍》网页
- 南大软院大神养成计划——html 的简单介绍及一些标签的使用
- 【AngularJS学习笔记】封装一些简单的控件(封装成Html标签)
- 正则表达式,替换所有HTML标签的简单实例
- html一些简单写法
- html一些标签
- HTML 一些标签
- 分享一些简单的for循环练习
- html常用标签认识与练习(二)
- html标签简单介绍
- javaseday32(html概念 一些基本标签)
- 自学HTML 2,一些常用的标签
- 简单的HTML标签的seo优化通俗易懂
- HTML5提供的一些新的标签用法以及和HTML 4的区别
- Html一些标签知识点
- html简单标签介绍
- 关于HTML中input标签的一些常用输入限制
- html中表单标签的一些常用用法
- HTML表单元素2(普通按钮、提交按钮、重置按钮、图像提交按钮、HTML的按钮标签<button>、练习)