html学习总结

1.常见快捷键

  • ctrl+s:保存
    ctrl+a:全选
    ctrl+x:剪切
    ctrl+c:复制
    ctrl+v:粘贴
    ctrl+z:撤销
    ctrl+y:前进
    shift+end:从头选中一行
    shift+home:从尾部选中一行
    shift+alt+↓:快速复制一行
    alt+↑或↓:快速移动一行
    tab:向后缩进
    tab+shift:向前缩进
    alt+鼠标左键:多光标
    ctrl+d:选择同样元素
    初始代码的快捷键:!+tab(可快速生成初始代码)
    快捷添加注释和删除注释:ctrl+/或shift+alt+a

2.标签

2.1标题

  • 网页中的标题,与上述<title>不同
  • 是双标签
  • 分等级<h1></h1>...<h6></h6>(<h1>最重要且一个html文件只能存在一个<h1>标签)
    h5、h6不经常使用

2.2段落

  • 也是双标签
  • 语法:<p>内容</p>

文本修饰标签

2.3文本修饰

  • 1.<strong>双标签,<strong></strong>会对文本进行加粗。
    例:<strong>这是一行文字</strong>
    显示为:这是一行文字
  • 2.<em>双标签,<em></em>会对文本进行斜体。
    例:<em>这是一行文字</em>
    显示为:这是一行文字

注:strong强调的效果更强,em强调的效果稍弱。

  • 1.下标<sub>双标签,<sub></sub>会显示数或文字的下标
    例:H<sub>2</sub>0
    显示为H2O
  • 上标<sup>双标签,<sup></sup>会显示数或文字的上标
    例:a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>
    显示为a2+b2=c2
  • 删除<del>双标签,<del></del>会划掉数或文字
    例:<del>369</del>
    显示为369
  • 插入<ins>双标签,<ins></ins>会把下划线加在数和文字下
    例:<ins>369</ins>
    显示为369

注:插入和删除文本在一般情况下都是配合使用的

2.4图片

图片标签

  • <img>单标签

图片的属性
src:引入图片的地址

  • alt:当图片出现问题时,可以显示一段友好的提示文字。(只有当图片显示不出来时,才会显示alt的提示内容)
  • title:提示信息(html所有标签都具备的一个属性)
  • widgh、height:控制图片的大小

2.5链接

1.网页外链接

a标签
链接标签:<a></a>
a的常用属性

  • 1.href属性,作用::链接的地址(可以是文字也可以是图片)
<body>
    <a href="https://www.mihoyo.com/">米哈游</a>
	</body>
  • 2.target属性,作用:改变链接打开的方式

链接默认情况下在当前页面打开

在当前页面打开:target="_self"
在新窗口打开:target="blank"
例:
<a href="https://www.4399.com/" target="blank">4399小游戏</a>

base标签<base>(单标签)
作用:改变链接的默认行为

  • 属性:也是hreftarget

2.网页内锚点(就和markdown的目录差不多)

跳转链接是从当前页跳转到另一个页。而跳转锚点则是从当前页内进行跳转,类似于markdown中的目录。

1.用#和id属性,语法为:

<a href="#+id">
<h_ id=""></h2>

2.用#和name属性,语法为:

<a href="#+name></a>
<a name="值"></a>
<h_></h_>

2.6列表

1.无序列表
无序列表采用的标签为<ul>和<li>

注意:ul和li必须是组合出现的,他们之间是不能有其他标签的。

ul和li都是双标签,且符合嵌套规则
例:

<ul>
        <li>
            第一项
        </li>
    </ul>

属性
type属性:改变前边标记的形式(一般用css去控制)
2.有序列表(简单了解)
有序列表采用的标签为<ol>和<li>

注意:有序列表用的很少,通常用无序列表,可以用无序列表来代替有序列表,且他们之间也是不能有其他标签的

语法和属性与无序列表是相同的。
3.定义列表
<dl>:定义列表
<dt>:定义专业名词或术语
<dd>:对名词进行解释和描述

<dl>
  <dt>
      英雄联盟
  </dt>
  <dd>
      2009年美国拳头游戏开发的MOBA竞技网游
  </dd>
</dl>

显示为

英雄联盟
2009年美国拳头游戏开发的MOBA竞技网游

长度单位

vh(vheight),vw(vwidth),可以自适应屏幕的大小,例如:屏幕大小为200px×300px,那么,1vh=3px,1vw=2px

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值