零基础搭建属于自己的网站--网页设计【学习笔记6】

最新推荐文章于 2024-09-15 22:12:53 发布

向大牛迈进

最新推荐文章于 2024-09-15 22:12:53 发布

阅读量99

点赞数

分类专栏：网站搭建网页 HTML 文章标签： html 列表网页设计

本文链接：https://blog.csdn.net/weixin_52357664/article/details/117425799

版权

网页同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

HTML

12 篇文章 0 订阅

订阅专栏

网站搭建

6 篇文章 0 订阅

订阅专栏

实践篇——网页初步

一、新建与保存

新建：文件——新建——新建文档——空白页，HTML——创建

设计视图下是空白的，代码视图下呈现的内容如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

保存：文件——保存

预览：文件——在浏览器中预览

二、页面属性

修改——页面属性，弹出对话框

可以在这里手动设置而不用代码，但是在代码页面会呈现相应代码。

三、插入内容

插入文本：插入——文本查找与替换：编辑——查找和替换

插入水平线：插入——水平线

插入日期：插入——日期

插入特殊字符：插入——HTML——特殊字符

插入文件头：插入——HTML——文件头标签

四、创建列表

输入要创建列表的文字，格式——列表——选择列表类型

具体操作如下（编号列表）：

今日任务：设计简单的网页

效果图：

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>制作一个简单网页</title>
<style type="text/css">
body {
	
	margin-left: 200px;
	margin-right: 200px;

}
</style>
</head>

<body>

  <h1 align="center"><strong>《背影</strong>》</h1>
  <p align="right">--朱自清</p>

  <p>	我与父亲不相见已二年余了，我最不能忘记的是他的背影。</p>

  <p> 那年冬天，祖母死了，父亲的差使也交卸了，正是祸不单行的日子。我从北京到徐州，打算跟着父亲奔丧2回家。到徐州见着父亲，看见满院狼藉3的东西，又想起祖母，不禁簌簌地流下眼泪。父亲说：&ldquo;事已如此，不必难过，好在天无绝人之路！&rdquo;</p>

  <p>回家变卖典质，父亲还了亏空；又借钱办了丧事。这些日子，家中光景很是惨澹5，一半为了丧事，一半为了父亲赋闲6。丧事完毕，父亲要到南京谋事，我也要回北京念书，我们便同行。</p>

<hr />
<p>朱自清（1898~1948），原名自华，字佩弦，号秋实。江苏扬州人。&ldquo;文学研究会&rdquo;的早期成员，现代散文家、学者。原任清华大学教授，抗日战争爆发后转西南联合大学任教。在抗日民主运动的影响下，政治态度明显倾向进步。晚年积极参加反帝民主运动。他的散文，结构严谨，笔触细致，不论写景抒情，均能通过细密观察或深入体味，委婉地表现出对自然景色的内心感受。抒发自己的真挚感情，具有浓厚的诗情画意。</p>
<p><strong>主要作品</strong></p>
<ul>
  <li><strong>《<a target="_blank" href="https://baike.baidu.com/item/%E6%AF%81%E7%81%AD/3171982" data-lemmaid="3171982">毁灭</a>》</strong></li>
  <li><strong>《<a target="_blank" href="https://baike.baidu.com/item/%E8%B8%AA%E8%BF%B9">踪迹</a>》</strong></li>
  <li><strong>《背影》</strong></li>
  <li><strong>《<a target="_blank" href="https://baike.baidu.com/item/%E6%AC%A7%E6%B8%B8%E6%9D%82%E8%AE%B0">欧游杂记</a>》</strong></li>
  <li><strong>《<a target="_blank" href="https://baike.baidu.com/item/%E4%BC%A6%E6%95%A6%E6%9D%82%E8%AE%B0">伦敦杂记</a>》</strong></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">copyright&copy;2000-2020</p>
</body>
</html>

愿你永怀善意，清澈明朗。

原创不易，欢迎批评指正，侵权必究