HTML学习总结

mike6453

于 2021-06-20 22:29:06 发布

阅读量131

点赞数

本文链接：https://blog.csdn.net/mike6453/article/details/118076335

版权

HTML是超文本标记语言的缩写，用于构建网页。HTML一般只决定网页的内容和结构。

<html>
    <head>
        ...
    </head>
    <body>
        ...
    </body>
</html>

HTML元素一般由一对标签及它们中的内容组成，如：

<p>
    你好
</p>

其中“<p>”是开始标签，“</p>”是结束标签，“你好”是内容。

还有部分只有一个标签的元素，我们称其为空元素，如：

<br>

其作用是换行。

元素还可以有属性。元素的属性包含元素的额外信息，这些信息不会在浏览器中显示出来，如：

<input type="password">

这是一个密码输入框。

注释用特殊记号包括起来，即：

<!--***-->

其中“***”是注释的内容。

HTML提供了6级标题,从<h1>到<h6>分别是一到六级标题。

语法如下：

<a href="..." target="...">...</a>

其中“href”是要跳转的地址URL，“target”为打开地址的方式，标签之间的为超链接内容。

锚点（书签）用于标记某个元素或位置，可以用于页面内的跳转，记为id且必须是唯一的。

在页面插入一张图片的语法如下：

<img src="..." alt="...">

其中，“src”是图片的位置URL，“alt”是获取图片出错是显示的文字（占位符），可以利用width和height等属性设置图片的高宽度，但不建议（可能导致图片变形）。

取文件路径时，“.”表示当前目录下的文件路径，“..”表示上级目录下的文件路径。

语法如下：

<table>
    <tr>
      <th>...</th>
        ...
    </tr>
    <tr>
      <td>...</td>
        ...
    </tr>
    ...
  </table>

其中，<tr>表示行,<th>表示表头单元（加粗），<td>表示表行单元。

无序列表：

<ul>
    <li>...</li>
    ...
</ul>

无序列表中元素的默认标志为实心圆点，可以通过在<ul>中添加属性来改变标志。

有序列表：

<ol>
    <li>...</li>
    ...
</ol>

有序列表中元素的默认标志是数字，同样也可以通过在<ol>中添加属性来改变标志。

多用于前后端交互，其中无name属性的元素不会提交。

在浏览器显示时以新行显示，如：

<h1>,<pre>,<ul>,<table>,<div>

与区块元素相反，它们连续显示，如：

<span>,<input>,<td>,<a>,<img>

网页上显示与html代码中写的格式相同，使用:

<pre></pre>

关注