前端学习(1) 标签我们看到的页面都是由一个个标签组成的这就是一个前端页面必须的三个大标签 <html lang="e

我们看到的页面都是由一个个标签组成的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

这就是一个前端页面必须的三个大标签
<html lang="en"></html>
这是html需要的基本的标签

<head></head>

用来加载我们页面的样式标题等

<body>
</body>

是我们的网页主体可以放任何我们想看到的内容
下面主要讲3个常用的标签用图片来表示

1.a标签 <a></a>主要用在页面跳转点击打开一个新的页面
2.有序标签 <ul></ul> 主要用在列表展示新闻等数据
3.img标签<img/>用来展示图片

下面我们用idea来创建一个我们自己的代码
idea就是我们的开发工具我们可以用它完成属于我们自己的代码

点击此按钮创建一个新的项目

2.选择web 因为我们是一个网页然后点击next

3.输入项目名这里我们用 demo 之后点击finish

4.从左到右依次点击创建一个新的html

创建后的样子基本标签已经加载完毕
5.我们就可以添加我们想要的网页这里给出一个示例可以自行更改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--href 填写网站地址-->
<a href="https://baike.baidu.com/item/%E7%A7%91%E6%AF%94%C2%B7%E5%B8%83%E8%8E%B1%E6%81%A9%E7%89%B9/318773?fromtitle=%E7%A7%91%E6%AF%94&fromid=133066&fr=aladdin">点我跳转到百度百科科比词条</a>
<!--src 填写图片地址-->
<img src="https://imgsa.baidu.com/forum/pic/item/3b795f3b5bb5c9ead85527b5da39b6003bf3b320.jpg">
<!--li代表没一项 左边会自动显示数字-->
<ol>
    <li>出生于美国宾夕法尼亚州费城</li>
    <li>前美国职业篮球运动员</li>
    <li>司职得分后卫/小前锋（锋卫摇摆人）</li>
    <li>绰号“黑曼巴”（Black Mamba）</li>
</ol>
</body>
</html>

复制全部去idea中看看吧

点此可以在网页中预览之后快去试试创建一个属于自己的简易网站吧