认识html

最新推荐文章于 2022-04-26 18:50:02 发布

暴走的阿斌

最新推荐文章于 2022-04-26 18:50:02 发布

阅读量204

点赞数

分类专栏： web前端文章标签：标签

本文链接：https://blog.csdn.net/qq_30260119/article/details/53390615

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. 标签：
  1. 使用标签的注意事项：
    1. 嵌套顺序要一致
2. html文件的基本结构：
  - <html>
    - <head>...</head>
    - <body>...</body>
    - </html>
  1. <html></html>称为根标签，所有的网页标签都在<html></html>中。
  2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签
  3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。
  4. 这个就跟人的构造是一样的，我们人体称之为”html“，首先是头部”head“，其次是”body“，最后是脚“/html
3. 【常用的标签】
  1. <title>...</title>
在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
1. <body></body> 还记得body标签吗，在上一章节我们简单介绍过：在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。
2. 如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。<p>标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。
3. 使用<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
4. <em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。
5. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
6. <q>标签用来表示引用，是对简短文本的引用
7. 浏览器对<blockquote>标签的解析是缩进样式
8. <address></address>可以为网页加入地址信息 :注意拼写
9. <br/>用来表示这行，只需要一个并且加入到文本最后即可
10.   表示空白，其后面的分号不可省略
11. <hr/>表示水平横线，线条比较粗
12. 插入代码：如果是一行的话就用<code></code>,如果是多行的话就用<pre></pre>
13. 使用<ul><li></li></ul>添加新闻信息列表（带圆点的）
14. 使用<ol><li></li></ol>添加带有顺序的信息列表（有1、2、3列表顺序的）
15. 使用<div></div>来进行区域划分,并且可以在需要在<div id="xx">进行模块的命名,注意不要忘记双引号
16. 如何使用table、tbody、tr、th、td来进行表格的创建：
  - <table>…</table>：整个表格以<table>标记开始、</table>标记结束。
  - <tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
  - <tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
  - <td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
  - <th>…</th>：表格的头部的一个单元格，表格表头。
  - 表格中列的个数，取决于一行中数据单元格的个数。
  - 知识点延伸：如何为表格添加边框：
<style type="text/css"> table tr td,th{border:1px solid #000;} </style>
1. 表格的摘要和标题：
摘要：<table summary="表格简介文本">

标题：
1. 使用<a></a>标签为文本插入超链接
  1. 使用href嵌入至<a>语句中，插入一个网址
  2. 使用title=""插入至<a>语句中以使得鼠标滑过有特效产生
  3. 使用target="_blank"插入<a>语句使得打开网页在新的窗口打开
2. 使用<a>进行email的链接，用法如下：
  1. 如果在使用mailto的时候后面有多个参数，第一个参数要以"？"结尾，后面的参数每一个都以"&分割"subject
  2. 请注意malito后面使用：而不是=。还有很多其它的需要注意
3. 使用<img>标签，为网页插入图片：
4. 使用form为网页进行交互：
  1. 当type="text"时，输入框为文本输入框;当type="password"时, 输入框为密码输入框：
  2. name：为文本框命名，以备后台程序ASP 、PHP使用。
  3. value：为文本输入框设置默认值。(一般起到提示作用)
  1. 使用文本域：
5. 使用单选框、多选框：
  1. 使用同一组的单选按钮时，name的取值一定要一样，否则单选按钮起不到单选的作用
6. 使用下拉列表：
  1. 可以使用selected="selected"在第一个option标签页中已表示默认选项
  2. 可以使用multiple="multiple"使得下拉列表具有多选功能：
7. 使得提交按钮\重置有效：属性为="sumit"或者='reset"
1. Html的代码注释：
什么是代码注释？代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。

暴走的阿斌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
认识html

标签：使用标签的注意事项：嵌套顺序要一致html文件的基本结构： ... ...称为根标签，所有的网页标签都在中。标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、、、、等标签在和标签之间的内容是网页的主要内容，如、、、等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。这个就跟人的构造
复制链接

扫一扫