HTML

最新推荐文章于 2022-07-08 15:17:14 发布

qq_33454969

最新推荐文章于 2022-07-08 15:17:14 发布

阅读量135

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/qq_33454969/article/details/78411775

版权

java 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)

超文本：功能比普通文本更加强大

标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)

2.语法和规范

HTML文本都是以.html或者.htm结尾的。建议使用.html结尾

HTML文件分别为头部分（<head></head>）和体部分(<body></body>)

HTML标签都是由开始标签和结束标签组成。

HTML标签不区分大小写，建议使用小写

3.HTML相关标签学习

标题标签<hn />

水平标签<hr />

段落标签

字体标签

属性：size:指定内容的大小

color:指定内容的颜色

face:指定内容的字体

加粗：

斜体：

下划线:

案例一：网站图片显示页面
1.图片标签
<img />
属性：
src:指的是图片显示的路径(位置)
绝对路径：E:\Users\ThinkPad\Desktop\0703JavaEE就业班\WEB01_HTML\资料\WEB01\image
相对路径：
①同一级：直接写文件名称或者./文件名称
②上一级：../文件名称
③下一级：写上目录名称/文件名称
width:指定图片的宽度，取值可以是像素值，也可以是百分比
height：指定图片的高度，取值可以是像素值，也可以是百分比
alt：当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

案例二：网站友情链接显示页面
1.列表标签
有序列表：
<ol type="I" start="" reversed="reversed">
<li></li>
</ol>
无序列表：
<ul type="">
<li></li>
</ul>

2.超链接标签
<a href="" target=""></a>
href:指定跳转的位置
target：指定跳转页面显示的位置(取值：_self 、_blank)

案例三：网站首页显示页面
1.表格标签
<table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
2.跨行跨列操作
跨行：rowspan
跨列：colspan

案例四：网站后台系统页面
框架集标签：
<frameset rows="" cols="">
<frame src=""/>
<frame name=""/>
</frameset>

qq_33454969

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)超文本：功能比普通文本更加强大标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)2.语法和规范HTML文本都是以.html或者.htm结尾的。建议使用.html结尾HTML文件分别为头部分（）和体部分()HTML标签都是由开始标签和结束标签组成。HTML标签
复制链接

扫一扫