html之入门篇--第一篇

1.html的定义:一种描述网页的语言,属于一种标记语言。

2.html编辑器:推荐使用notepad++,当然普通的电脑记事本也是可以使用的,只需保存时,保存为.html文件即可。

3.简单实例一:

<!doctype html>
<!--声明文档的解析类型,一般html文件要含有,不区分大小写,即DOCTYPE也是可以的-->
<html>
<head>
<meta charset ="utf-8">
<!--定义html文件以uft-8编码保存-->
<title>简单实例一</title>
<!--定义web的标题-->
</head>
<body>
<!--body部分是主要实现代码的部分,类似c中的main函数-->
<h1>我的第一个标题</h1>
<!--web内容中的标题,默认为粗体,1代表为第一条标题-->
<p>我的第一个段落</p>
<!--定义文本中的段落-->
</body>
</html>

实现效果如下:

注意:html中注释代码通过<!--注释内容-->形式。

4.简单实例二---定义链接和图片

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图像和链接实例</title>
</head>
<body>

<a href="http://www.cnblogs.com/xy95/">这是我的博客链接</a>
<!--实现链接的模板为: <a href="链接地址">+文本(图像)+</a> -->
<br/>
<!--这个代表换行-->
<img src="test2.png" width="150" height="150"/>
<!--显示图片的模板为: <img src="图片地址" width="图片宽度" height="图片高度"/> -->
<br/>

<a href="http://www.cnblogs.com/xy95/"><img src="test2.png" width="50" height="50"/></a>
<!--这是一个通过图片点击的链接,实际上把链接模板中的文本换成图片即可-->
</body>
</html>

实现效果:

注意事项:图片定义时,地址一定要声明好,最好把文件和图像放在同一路径下,否则应该要声明图像地址,如/html/test.png之类。

原文地址:https://www.cnblogs.com/xy95/p/5787730.html