学习java的第十七天
- HTML简介
- HTML基本结构
- HTML代码的注释:
- HTML标签分类
- 基本块级标签:p段落标签,h1~h6标题标签,hr水平线
- 用于布局的块级标签:div层标签,ul-li无序列表,ol-li有序列表,dl-dt-dd标题列表
- 行级标签:br强制换行,span文字范围,img图片
- a 超链接:邮箱链接,锚链接
- 格式标签:i斜体,b加粗,u下划线
- 特殊符号:空格,大于,小于,引号,版权号
- iframe 内嵌框架
HTML简介
Hyper Text Markup Language 超文本标记语言
主要用于定义网页的结构和内容
HTML基本结构
<!doctype html>
<html>
<head>
<title>网页的标题</title>
<meta charset="utf-8">
</head>
<body>
页面的内容
</body>
</html>
说明:
html标签是代表整个页面,所有标签都包含在html标签内部
head标签代表页面的头部,里面的内容不会在页面中直接显示出来
title是网页标题
<meta charset="utf-8"> 是设置页面的编码
body是网页的主体,里面的标签会直接显示出来
<!doctype html>代表是HTML5版本
HTML代码的注释:
<!--我是注释-->
HTML标签分类
行级标签:多个标签可以在一行显示
块级标签:每个标签单独在一行显示
基本块级标签:p段落标签,h1~h6标题标签,hr水平线
p 段落标签
h1~h6 标题标签
hr 水平线
用于布局的块级标签:div层标签,ul-li无序列表,ol-li有序列表,dl-dt-dd标题列表
div 层标签
ul-li 无序列表
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
ol-li 有序列表
<ol>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>
dl-dt-dd 标题列表
<dl>
<dt>标题1</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
</dl>
行级标签:br强制换行,span文字范围,img图片
br 强制换行
span 文字范围
img 图片
a 超链接:邮箱链接,锚链接
语法:
<a href="资源的路径" target="目标">超链接文字</a>
路径分为绝对路径和相对路径,绝对路径用于连接外部页面,相对路径用于连接网站内部页面。
target取值:
_self 在当前页面打开,默认
_blank 在新页面打开
_parent 在父页面打开
邮箱链接
href="mailto:邮箱地址"
如: <a href="mailto:14611183@qq.com">发邮件</a>
锚链接
1)定义锚链接,在跳转定位的位置添加:
<a name="锚名字"></a>
2) 跳转锚链接
<a href="#锚名字">跳转到顶部</a>
格式标签:i斜体,b加粗,u下划线
i 斜体
<i>斜体</i>
b 加粗
u 下划线
特殊符号:空格,大于,小于,引号,版权号
空格 大于 >小于 <引号 "版权号 ©
iframe 内嵌框架
作用是将另一个网页嵌入到当前页面中,可以制作模板页
语法:
<iframe src="页面的路径" frameborder="边框宽度“ scrolling="yes|no" width="宽度"
height=“高度”></iframe>
例如:
<body style="background:lightgreen">
<h3>
<a href="qiaodan.html" target="a">乔丹</a>
<a href="kebi.html" target="a">科比</a>
<a href="aifuseng.html" target="a">艾弗森</a>
</h3>
<iframe name="a" src="qiaodan.html" width="1200px" height="800px" frameborder="0px" scrolling="no">
</iframe>
</body>