ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML基础知识点整理

2021-08-02 20:32:31  阅读:163  来源: 互联网

标签:知识点 ctrl 标签 元素 HTML 超链接 整理 属性


一、标签解释:

 1.<html></html>:是html的根元素,用来包含html文档的所有元素。

2.<head></head>:包含在head元素里的内容,不会显示在网页上,这里面通常放一些配置信息,包含编码,作者,页面描述信息还有js,css的导入。

3.<body></body>:是html文档的内容显示区。

4.标签和元素通常意思相同,但是严格来讲,一个元素通常又是由两个标签组成。

5.HTML标签一般成对出现,大小写不敏感,但是H4推荐使用小写。

6.HTML标签部分可以嵌套使用。

二、元素分类:

1.块级元素:

  • 独占一行空间
  • 用来布局段落、列表、导航菜单等
  • 不要把块级元素嵌套在行内元素里

 2.行内元素

  • 与其他行内元素共享一行空间
  • 一般就是作为段落的一部分

3.空元素(单标签)

  • 没有内容的元素
  • 空元素是在开始标签中结束的
  • 不建议直接使用<br>,建议加关闭符<br/> 

4.替代元素(替换元素)

  • 把文件引入文档,并且用自身的位置来替换。 

 三、HTML属性

1.元素的属性一般在开始标签里,属性由键值对组成。

例: <div id="myDiv" class="myDivClass"></div>

2.核心属性

  • id:唯一标识
  • class:表示当前元素是某一类的元素
  • style:规定元素的行内样式
  • title:描述元素的信息(光标悬浮时会显示)

四、HTML语法 

  1.  在html文档中,不论有多少个空格,最终都会解析为一个。
  2. 实体:
  • 空格 &nbsp;
  • < &lt;
  • > &gt;
  • " &quot;
  • ' &apos;
  • & &amp; 

3.注释

  • 一定要多写注释,方便之后自己或者同事查看代码

4.列表

  • 有序列表  

        ol>li 序号默认从1开始,可以通过start 属性改变起始值

        reversed(单值属性)规定列表顺序为降序

        type 共有 1、A、a、I、i 五种值,默认为“1”

  • 无序列表 

        ul>li 标题是圆形符号,没有顺序

  • 自定义列表 

         dl>dt、dd 

5.超链接 <a href="" target="_blank"></a>

  • a标签作用:
  1. 超链接
  2. 锚点
  3.  打电话
  4. 协议限定符
  • href:即hypertext reference 超文本引用,超链接。
  • target属性:_self/_blank 在新标签页中打开超链接网页。

6.图片 <img src="" alt="" title="">

  •  src属性:图片来源地址,通常有三种来源:
  1. 网上的url
  2. 本地的绝对路径
  3. 本地的相对路径 
  • alt属性:图片占位符 

         当图片发生错误时,展示文字信息。

  • title属性:图片提示符

五、快捷键使用 

  1.  ctrl+/: 标记选中行为注释行
  2. ctrl+Enter:直接跳到下一行
  3. Alt+B:在默认浏览器中编译内容
  4. ctrl+N:新建文件
  5. ctrl+Tab:在文件之间切换
  6. ctrl+W:关闭当前窗口
  7. ctrl+S:保存

 

 

标签:知识点,ctrl,标签,元素,HTML,超链接,整理,属性
来源: https://blog.csdn.net/m0_48622990/article/details/119332010

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有