HTML 基础知识及webstorm基本快捷键

2024年5月29日 195次阅读 来源: 庞少华

一、webstorm快捷键
编写HTML标签的快捷键： 标签名+TAB键
（修改格式，格式化代码）快捷键： ctrl+shift+f 【此快捷键在webstorm中无效】（用ctrl+alt+L）
同时编写多个相同的标签的快捷键 ：标签名*个数+tab键
同时编写多行代码快捷键： alt+鼠标左键
注释快捷键 ctrl+/(?)
二、基本标签
2.1 <head>标签允许包含的标签

   <style></style> - 定义CSS代码
   <link> 引入外部CSS文件
   <script></script> - 定义或引入javasScript

2.2 HTML 标签（元素）

 闭合标签 - 开始标签和结束标签，成对出现的
 空标签 - 只有开始标签，而没有结束标签

三、HTML标签的的属性分类

    标签的标准（通用）属性
    id 唯一的不可重复的
    name 表示为名称，可重复的
    style 用于定义CSS代码
    class 为类，与CSS有关
私有（独有）属性 - 指定标签具备的指定属性
事件属性 - 用于实现HTML标签注册绑定的一种方式
HTML标签属性的定义
    必须被定义在开始标签中，不能被定义在结束标签中
    语法格式
    属性名=属性值
    属性名html预定义的
    属性值用“”进行包裹的
    = 赋值运算符

四、注释快捷键 ctrl+/(?)

注释不能嵌套
注释会被浏览器忽略（不会显示在浏览器中）
解释当前这段代码的用途

五、标题元素<h1>~<h6>
<h1>显示的最大，<h6>显示的最小
<h1>~<h3>是常用的
<h1>在HTML 中起到非常重要的作用，便于搜索引擎抓取
抓取级别：
*<title>
*<meta content=”ketwods”> （关键字）
*<h1>
六、浏览器显示的效果与源代码编写的方式无关
最终的显示效果与段落<p>有关
七、ol 标签表示有序列表

默认的排序方式-以数字的递增排序的
私有属性
    *type-表示有序排列的方式
        *选项方式 - 1 A a I i（ I i为罗马数字）
        *start - 表示从几开始排序 但只接受数字（数字排序很少用），不论采用哪个选项都要用数字。
<li> 标签表示列表项

八、嵌套层级建议最多不要超过三级

实际开发中配合CSS实现菜单类内容

九、<dl>标签用来表示定义列表
<dt>表示标签的分类
<dd>表示列表分类的每一项
十、标签表示超链接

用于从一个页面跳转到指定的另一个页面
属性
href - 用于设置要跳转到的HTML页面的地址
target - 用于设置
打开指定页面的方式
    _self 表示在当前窗口或页签中打开
    _blank 表示在空白的窗口或页签中打开
    _parent 表示在父级窗口打开
    _top 表示在最顶部窗口打开

十一、路径：

 绝对路径 - 一旦确定，不能改变， 本地访问从磁盘查找
 相对路径 - 根据当前位置的变化而变化
       根据当前页面的位置，查找目标页面
       两个页面在相同位置时，直接写名称
 webstorm最高只能查找到工程目录

十二、补充：Src、href、url区别
href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间建立一个关系。
href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。
<link href=”style.css” rel=”stylesheet” />
src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。
<script src=”script.js”></script>

    原文作者：庞少华
    原文地址: https://segmentfault.com/a/1190000011652426
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞