新手小白从零接触Html
从零接触编程，感觉打开了新世界的大门，希望越努力，越幸运！
HTML，全称“Hyper Text Markup Language",简单来说，网页就是用Html语言制作的。
1.掌握网页的基本机构
（1）文档声明：<!DOCTYPE html>
（2）html标签对：<html></html>整个网页从<html>开始，到</html>结束。
（3）head标签对：<head></head>页面的头部，在<head></head>标签对内部只能定义一些特殊的内容。title标签对：<title></title>,页面的标题。
（4）body标签对：<body></body>页面的身体，页面的绝大部分内容在<body></body>里面输入。
2.标签
注释：ctrl+shift+/
快捷指令：TAB
标题标签：h1-h6，从1到6字体从大到小，多用于新闻一类网页
段落标签：<p></p>
换行标签：<br> 段落标签行与行之前有距离，换行标签之间没有行距。
水平线标签：<hr> 页面中的一条灰色直线
文本格式化标签：粗体<b>,<strong>
斜体<i>,<cite>,<em>
上标标签<sup> 用于比如数学平方公式
下标标签<sub>用于比如化学公式
大字号标签<big>
小字号标签<small>
删除线标签<s>
下划线标签<u>
居中标签<p align="center"></p>
3.常用字符实体
空格：
小于号<:<
大于号>:>
和号&：&
4.列表
有序列表：<ol></ol> <ol type="符号类型“>
<li></li> <li>列表项1</li>
.....................
无序列表：<ul></ul> <ul type="符号类型“
<li></li> <li>列表项1</li>
.....................
定义列表：<dl></dl>
<dt></dt> <dt>定义名词</dt>
<dd></dd> <dd>定义描述</dd>
5.表格
<table>
<tr>
<td>单元格1
</td>
</tr>
</table>
6.图像
<img src="图片路径" alt="当图片显示不出来时显示的文字" title="鼠标放到图片上显示的文字">
路径：1.绝对路径：硬盘中的固定位置（不推荐）
2. 相对路径：相对于本html文件来说的位置
/windows盘符
../上一级目录（文件夹）
./本目录（文件夹）可省略不写
3.网络路径：网页F12，左上角小箭头，选中需要的图片或视频，右键打开链接，选择打开页面的链接。
posted on 2019-12-28 16:28 煎饼果子不要果子谢谢 阅读(133) 评论(0) 编辑 收藏 举报
