一:
基本结构:
<!doctype html> -->文档类型声明
<html lang="en"> -->以html开头 中文网站
<head> -->文档的头部开始
<meta charset="UTF-8"> -->字符编码
<title>标题</title> -->文档标题
</head> -->文档头部结束
<body> 文体内容</body> --文档主体内容部分
</html> -->html结束
二:
HTML文本的几种标签:
<h1></h1>...<h6></h6> -->定义标题文字大小
<p></p> --分段 <hr/> --换行
<b></b> 和 <strong></strong> --加粗
.........
三:
图片链接:
1.插入图像 <img src="Mylove.jpg" > 相对路径插入(图片和代码文件在同一文件夹下)
若有多个图片,新建一个文件夹images存放,位置也和代码文件在同一文件夹下
2.图片的替换文本 <img src="images/Myloveli.jpg" alt="图片应导入位置">
3.插入图片路径错误,在图片位置会有“图片应导入位置”,即alt定义的文字来替换显示。
4.调整图片尺寸 <img src="images/Mylove.jpg" width="120" height="120">
高和宽,以像素为单位
四:
列表标签的使用:
<h1>无序列表的使用</h1>
<ul>
<li>茶</li>
<li>橙汁</li>
</ul>
有序列表就是把ul改为ol,若要指定顺序的起始位置则:<ol start="位置大小">
嵌套列表使用:在所要嵌套的列表下再建立一个列表,一般是子列表,如
<li>茶</li>
<ul>
<li>红茶</li>
<li>绿茶</li>
</ul>
定义列表的使用:
<dl>
<dt>标题</dt>(也可以是图片如:<dt><img src="images/Mylove.jpg" </dt>)
<dd>内容</dd>
<dd>内容</dd>
</dl>