最近在学web开发技术,准备之后自己制作网页。
编译环境
编译环境我使用的是Notepad++,该编译软件在编译时会有关键字提示以及报错提示,因此用起来会非常方便。分享一个Notepad++下载链接:https://notepad-plus-plus.org/downloads/
基本标签(入门)
- 基本结构:
<html>
<head> //文档头部
<title>淘宝网</title> /
</head>
<body> //文档主体
<!--......--> //注释标签,不会呈现到最终的页面上
<h1>第一个网页</h1> //一级标题(一直可以到六级标题)
<h2>设计步骤</h2> //二级标题
<p>......</p> //段落标签
<img src="">
</body>
</html>
同时HTML标签可以拥有属性,属性提供有关HTML元素的更多信息,属性总是以名称的形式出现(例如name="…"),同时总是在HTML元素的开始标签中规定。
- 基础标签
1.< em>标签:将文本定义为强调的内容
2.< img src="…">:插入图片,src后面接的是图片在计算机中的存储位置,其中可以接绝对路径(即完整的图片地址);也可以接相对路径,其表示形式为
< img src="…/images/green.jpg“>,注意的是前面的两点必不可少,代表的是父目录,后面接的是图片的相对地址,斜杠用于区分路径层次。如果上层目录有多层,那就继续添加“…/”,直到追溯到根目录。
3.< style>标签:定义在head中,用于为HTML文档定义样式信息,即在style中可以规定浏览器如何呈现HTML文档。
4.type属性:style标签中可选的属性,定义style元素的内容,唯一可能的值是“text/css”,表示CSS。
5.添加超链接:< a href=“lounge.html”>lounge< /a> ,注意href后面接的是所要转入的超链接地址。