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-09-02 11:01:15 发布