【JavaWeb学习】HTML的基础标签

（1）html语言是解释型语言，不是编译型，浏览器是容错的

（2）html页面中由一对标签组成：

<html></html>
<html> 称之为 开始标签<head></head><body>网页上的主体内容都写在这</body>
</html>称之为 结束标签

（3）title 表示网页的标题，meta标签中可以设置编码方式

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body></body>
</html>

（4） 表示换行，p 表示段落标签。br标签是一个单标签。

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body>hello world! <br/> 你好</body>
</html>

（6）img 标签图片标签
src属性表示图片文件的路径
width和height表示图片的大小
alt表示图片的提示

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body><img src="imgs\girl.jpg" width="57" height="73" alt="这里是一张图片"/></body>
</html>

（7）h1~h6 : 标题标签

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body><h1>标题一</h1><h2>标题二</h2><h3>标题三</h3><h4>标题四</h4><h5>标题五</h5><h6>标题六</h6></body>
</html>

（8）列表标签:

ol 有序列表
type 显示的类型：A a I i 1(deafult)，start 表示从*开始

ul 无序列表
type disc(default) , circle , square

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body>武林高手排行榜:<ol type="a" start="3"><li>扫地僧</li><li>萧远山</li><li>慕容博</li><li>虚竹</li><li>阿紫</li></ol>武林大会人员名单：<ul type="circle"><li>乔峰</li><li>阿朱</li><li>马夫人</li><li>白世镜</li></ul></body>
</html>

（9） 下划线 ； 粗体 ； 斜体 
 上标 ； 下标

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body>你是<b><i><u>喜欢</u></i></b>是<b>甜</b>月饼还是<i>咸</i><u>月饼</u>？<br/>水分子的化学式： H<sub>2</sub>O <br/>氧气的化学式： O<sup>2</sup><br/></body>
</html>

（10）HTML中的实体：小于号 < 大于等于号 ≥ 版权 ©

<!-- 小于号 &lt; 大于等于号 &ge; 版权 &copy; -->
<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body>5&lt;1010&gt;55&le;1010&ge;5注册商标 &reg;版权符号 &copy;</body>
</html>

（11）span 不换行的块标记

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body><span>西瓜，芒果</span>，苹果，香蕉，火龙果。</body>
</html>

（12）a 表示超链接，href 链接的地址
target:
_self 在本窗口打开
_blank 在一个新窗口打开
_parent 在父窗口打开
_top 在顶层窗口打开

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title></head><body><a href="http://www.baidu.com" target="_blank">百度一下</a></body>
</html>

（13）div 层

<html><head><meta charset="utf-8"><title>这是我的第一个网页</title><style>div{width:100px;height:100px;}#div1{background-color:#ABC;}#div2{background-color:#BCA;}#div3{background-color:#CBA;}</style></head><body><div id="div1">div1</div><div id="div2">div1</div><div id="div3">div1</div></body>
</html>

【JavaWeb学习】HTML的基础标签相关推荐

【JavaWeb学习】—font字体标签（一）
[JavaWeb学习]-font字体标签(一)
（四）javaweb 学习--javascript篇基础
文章目录 javascript (数据类型,方法) javascrip使用 javascrip使用进阶 HTML代码 CSS代码 javascript代码 javascrip使用进阶2 HTML代码 ...
javaweb学习总结—jsp简单标签标签库开发
一.JspFragment类介绍 javax.servlet.jsp.tagext.JspFragment类是在JSP2.0中定义的,它的实例对象代表JSP页面中的一段符合JSP语法规范的JSP片段, ...
JavaWeb学习之HTML基础
HTML简介 1.1 HTML是英文 HyperText Markup Language 的缩写,它的意思是"超文本标记语言",用它编写出文档的文件的扩展名是".html ...
JavaWeb学习笔记——JSTL核心标签库
转载于:https://www.cnblogs.com/tonglin0325/p/5492805.html
Javaweb学习(一)
Javaweb学习(一) html <html>标签是html文件的开头,所有html文件都是以标签开头,</html>结束.所有东西都得在<html></h ...
JavaWeb笔记01-HTML基础标签介绍
JavaWeb笔记01-HTML基础标签介绍文章目录 JavaWeb笔记01-HTML基础标签介绍 1. html简介 2. 开始和结束标签 3. title标签 4. meta标签 5. 换行标签 ...
转载：javaweb学习总结(二十三)——jsp自定义标签开发入门
javaweb学习总结(二十三)--jsp自定义标签开发入门转自:http://www.cnblogs.com/xdp-gacl/p/3916734.html 一.自定义标签的作用自定义标签主要用 ...
javaweb学习6——自定义标签
声明:本文只是自学过程中,记录自己不会的知识点的摘要,如果想详细学习JavaWeb,请到孤傲苍狼博客学习,JavaWeb学习点此跳转本文链接:https://www.cnblogs.com/xdp- ...
【JavaWeb学习】—iframe标签（四）
[JavaWeb学习]-iframe标签(四)

【JavaWeb学习】HTML的基础标签

【JavaWeb学习】HTML的基础标签相关推荐

最新文章

热门文章