返回目录

点评或提问阿牛翻出一份教程,扔给了麻油四,留下句“有事Mail我”,就人间蒸发了。

点评或提问教程不长,薄薄几页。

点评或提问麻油四深深地吸了口清晨的空气,翻开了教程。

点评或提问今天是八月十五。

点评或提问今天,麻油四开始学习写网页。

点评或提问网页基础 作者:阿牛

点评或提问第一节.

点评或提问写网页首先要准备的一个好的编辑器。

点评或提问Dreamweaver是比较专业的开发工具。

点评或提问不过,杀鸡用牛刀未免笨拙,我比较常用的是一些小巧的编辑器,比如:Editplus。

点评或提问Editplus中点击新建->HTML网页,就可以出现最基本的网页模板。

点评或提问网页有很多种格式,html4,html5,xhtml,等等。

点评或提问对应的网页模板也不一致,我一般用的是

<!doctype html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>标题</title>
</head>
<body>
    内容
</body>

点评或提问这种写法源自Google的搜索结果页面,既精简,兼容性也好。

点评或提问在W3C(万维网联盟)的卫道士们看来这种写法很不规范。

点评或提问不必在意那些满口仁义道德的家伙,在网络界,事实就是标准。

点评或提问把文件内容修改如上,点击保存,注意选择文件编码为UTF-8。

点评或提问然后,在Editplus中,用快捷键Ctrl+B就可以浏览当前页面的显示效果。

点评或提问head区中meta这一行是用来指定文件编码。

点评或提问UTF-8编码比较省心,我一直用它,可以把meta这一行当做固定写法。

点评或提问点击Editplus -> 工具 -> 首选项 -> 修改设置如图

Editplus的设置
图:Editplus的设置

点评或提问这样可以让保存文件时,默认编码是 UTF-8。

点评或提问head常常会放一些css样式,javascript脚本,body区域就是网页正文。

点评或提问body中是网页的正文,正文也由一系列标签组成。常用的基本标签如下:

点评或提问 <div>内容</div>

点评或提问 表示一个块,并无实际的意义,常用于配合css,定制显示效果。

点评或提问 <span>内容</span>

点评或提问 和div类似,区别在于,div默认的新启一行,span默认不换行。

点评或提问 <p>内容</p>

点评或提问 表示段落

点评或提问 <b>内容</b>

点评或提问 加粗字体

点评或提问 <img src="图片地址" />

点评或提问 显示图片,常见的格式有jpg,gif,png,这里src称之为img标签的属性

点评或提问更多的元素可以参看 HTML手册 链接

点评或提问看到这里麻油四写出了一个很简陋的页面 链接

<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
    <p>麻油四</p>
    <p><img src="m4.jpg" /></p>
    <p><b>基本资料</b></p>
    <p>学历: 本科</p>
    <p>专业: XX工程</p>
    <p>英语水平: CET4  </p>
    <p>联系方式: 138xxxxxx  </p>
    <p><b>自我介绍</b></p>
    <p>本人勤劳肯干,任劳任怨...(略去废话5000字)</p>
</body>

点评或提问内容是有了,不过页面实在是太简陋了。

上一节 返回目录 下一节
::...
免责声明:
当前网页内容, 由 大妈 ZoomQuiet 使用工具: ScrapBook :: Firefox Extension 人工从互联网中收集并分享;
内容版权归原作者所有;
本人对内容的有效性/合法性不承担任何强制性责任.
若有不妥, 欢迎评注提醒:

或是邮件反馈可也:
askdama[AT]googlegroups.com


点击注册~> 获得 100$ 体验券: DigitalOcean Referral Badge

订阅 substack 体验古早写作:


关注公众号, 持续获得相关各种嗯哼:
zoomquiet


自怼圈/年度番新

DU22.4
关于 ~ DebugUself with DAMA ;-)
粤ICP备18025058号-1
公安备案号: 44049002000656 ...::