0、
图中在head里表明网页使用的字符集为utf-8
1、写一篇博文
在<body>里的文字，
如果他是标题，可以放在<h1>...</h1>标签里面表示标题。标题的表示有6种，从h1到h6，均为<h1>...</h1>的格式。
如果想让他变成斜体，可以放在<i>...</i>标签里。
画一条基础的分割线，使用一个单标签<hr >
表示段落，使用标签<p>...</p>
部分文字加粗，使用标签<b>...</b>
在一个单段落中强行换行，使用单标签<br>
表示一个空格，使用
2.做一个简单的新闻网页
要设置网页的标题，在标签<title>...</title> 里加入标题的文字
列表，使用标签<ul>...</ul>，在列表中具体每一个条目，使用标签<li>...</li>
插入图片，在项目下面新建一个img目录，将预先找好的图片素材赋值到img目录下，在插入的位置使用标签<img src="......" > ，里面放入img/图片名称，即图片的路径
超链接，在相应位置使用标签<a href=:"超链接的url">超链接的文字描述</a>
数字标记列表，使用标签<ol>...</ol>，在列表中具体每一个条目，使用标签<li>...</li>
效果如图：
另外，不知为何HBuilder直接打开网页不显示图片，直接在文件夹中打开做好的网页，就显示图片了。
3、图片的使用
插入多个图片，默认依次从左到右排列，底部对齐，放不下则换行。
设置图片宽度，在img单标签里输入选项<img src="img/icon-mark.png" width="100px" > px为像素单位。不管是改变宽度width还是高度height都是可以的，会自动按比例缩小/放大。但如果同时设置了width和height，图片可能会变形。另一种方法是<img src="img/icon-mark.png" width="100%" > 这里的百分制表示占屏幕的比例，100%表示填满整个屏幕。而且这个比例是不变的，因此网页随使用者放大缩小，图片的显示也会相应放大缩小
2020/5/26 学习笔记
最新推荐文章于 2024-03-15 18:11:54 发布
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
