web开发环境以及入门

最新推荐文章于 2024-06-13 10:06:41 发布

hardenyeahyeah

最新推荐文章于 2024-06-13 10:06:41 发布

阅读量375

点赞数

分类专栏： web开发

本文链接：https://blog.csdn.net/hardenyeahyeah/article/details/100991118

版权

web开发专栏收录该内容

0 篇文章 0 订阅

订阅专栏

最近在学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后面接的是所要转入的超链接地址。