美文网首页
搭建你的个人网站--代码篇01

搭建你的个人网站--代码篇01

作者: 粽子和小恺 | 来源:发表于2020-08-24 18:47 被阅读0次

注意:本文章不介绍任何高级方法,所以只要带个脑子就不怕看不懂。
————
因为我们的网页要使用html编写,所以我们应该先声明html语言:

<html>
你的内容
</html>

html设计的很人性化,首先应该先规定html的头部:

<head>
你的内容
</head>

然后使用<title>标签来规定网页标题(title标签必须位于head标签内):

<html>
<head>
<title>我的主页</title>
</head>
</html>

接下来应该规定html的身体了:

<body>
你的内容
</body>

使用<p>标签在网页上显示内容
例:

<p>
    刘宗恺,你好。
</p>

则会在网页上显示:
刘宗恺,你好。
注:<p>标签总是在<body>标签内
所以这个网页应该是:

<html>
<head>
<title>我的主页</title>
</head>
<body>
<p>
    刘宗恺,你好。
</p>
</body>
</html>

运用这些标签,你就可以在网页上做文章了

---- 选学课程
利用<img alt="替代文本" src="图片地址">可以在网页上添加图片
例:

<html>
<head>
<title>我的主页</title>
</head>
 <body>
     <p>
      刘宗恺,你好。
    </p>
    <img alt="刘宗恺图片" src="http://toysworld.free.idcfengye.com/刘宗恺图片/photo1.jpg">
</body>
</html>

可以在网页中显示图片。

利用<style>标签在网页中添加css样式,例:

<html>
<head>
<style>
html,body{
size:33px;
color:yellow;
  }
<title>我的主页</title>
</head>
<body>
  <p>
      刘宗恺,你好。
    </p>
    <img alt="刘宗恺图片" src="http://toysworld.free.idcfengye.com/刘宗恺图片/photo1.jpg">
</body>
</html>

相关文章

网友评论

      本文标题:搭建你的个人网站--代码篇01

      本文链接:https://www.haomeiwen.com/subject/bhdbrktx.html