新手小白从零接触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.常用字符实体
空格:&nbsp;
小于号<:&lt;
大于号>:&gt;
和号&:&amp;

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,左上角小箭头,选中需要的图片或视频,右键打开链接,选择打开页面的链接。

原文地址:https://www.cnblogs.com/nbkls/p/12112161.html