社会实践第八天(补7月18日)

用户头像
来自浙江理工大学-吴婕发布于:2018-07-25 13:25:34

社会实践第八天。

(补718日)

       今天我们学习了初步的网页制作,初步网页制作并不是很难,主要是依靠我们的搜索查找的自学能力。越学到后面,我们就越意识到,很多东西老师是没办法全部在课堂上交给你的,最重要的是要培养自己的自学能力。

       我们在网页中可以通过“右键-检查元素”来查看该页面的组成代码。网页是用HTML来写,HTML的基本格式如下:

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

 </head>

 <body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

 </body>

</html>

      我们在body中写的代码是可以呈现在网页上的,head中的代码是不会呈现的

      <p>  </p> 表示换行,

      <em>  </em>  表示将文字变为斜体,

      通过设置style将字体颜色设置为红色:<style> p{color:red;font_size:12px;} </style>

      <meta http-equiv="refresh" content="5; url=http://www.baidu.com">表示5表示五秒后自动跳转到百度

      <img src="图片地址" width="80" height=80 border="1" alt="">表示添加图片

      <a href="http://www.baidu.com" target="_blank"> </a>表示添加超链接

      教完理论知识后,老师让我们做出一个新浪正文的页面,需要添加图片、超链接、将段落体现段首缩进等。通过完成这个作业,我又学会了如何设置字体和添加不同宽度的空格。

以下附上部分学习笔记:

 

加空格:

  &nbsp; 其占空比宽度受字体影响明显

  &ensp;其占空比宽度为1/2个中文宽度

  &emsp;其占空比宽度为1个中文宽度

  &thinsp;emsp1/6

点赞 (0) 回复
发布回复
点击图片