HTML

qxhly

于 2017-11-10 15:46:25 发布

阅读量242

点赞数

分类专栏： javaweb 文章标签： html

本文链接：https://blog.csdn.net/qxhly/article/details/78500411

版权

javaweb 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

###:网站信息显示页面

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

超文本：功能比普通文本更加强大
标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)

2.语法和规范
HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(<head></head>)和体部分(<body></body>)
HTML标签都是由开始标签和结束标签组成。(<hr />)
HTML标签不区分大小写，建议使用小写

3.HTML相关标签学习
标题标签<hn></hn> //(n从1到6渐渐变小)
特点：加粗加黑显示，单独占一行，与其他行有一定的间距

注释：


换行符 
水平线标签 <hr />
段落标签
字体标签
属性：size:指定内容的大小
color：指定内容的颜色
face：指定内容的字体
加粗：
斜体：
下划线：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标题标签</title>
	</head>
	<body>
	<!--标题标签-->
	<h1>标题</h1>
	<h2>标题</h2>
	<h3>标题</h3>
	<!--加入一条水平线-->
	<hr />
	
	<h4>标题</h4>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>段落标签</title>
	</head>
	<body>
		<p>
		不积硅步无以至千里<!--<br />-->
		</p>
		不积小流无以成江河
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体标签</title>
	</head>
	<body>
		<u>
		<b>
			<i>
		<font color=red size="1"> 小小蚂蚁干大象！！！</font><br />
		<font color=red size="3"> 小小蚂蚁干大象！！！</font>
		    </i>
		</b>
		</u>
	</body>
</html>

###:网站图片显示页面
1.图片标签
<img />
属性：
src:指的是图片显示的路径(位置)
绝对路径：文件实际在硬盘存储位置
相对路径：
①同一级：直接写文件名称或者./文件名称
②上一级：../文件名称
③下一级：写上目录名称/文件名称
width:指定图片的宽度，取值可以是像素值，也可以是百分比
height：指定图片的高度，取值可以是像素值，也可以是百分比
alt：当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站图片信息显示页面</title>
	</head>
	<body>
		<img src="../ad.jpg" width="250px" height="40px" alt="logo"/>
	</body>
</html>