首页 > 代码库 > HTML5学习1

HTML5学习1

一.基础标签

1.注释标签及快捷键

<!---->快捷键Ctrl+/

Ctrl +Alt +insert 新建HTML文档

光标移动到当前行尾部End

贯标移动到当前行开始Home

多行同时输入:按住Alt拖动光标

WebStorm开发中标签输入只输入字母,按下Tab自动补全

2.<h>标签<p>标签<hr/>标签

(1)<h>标签从<h1>到<h6>,<h1>只能有一个和SEO有关,其它与HTML类似,自成一行.1到6逐渐变小

(2)<p>标签段落标签,自成一行

(3)<hr/>标签一行分割线,自成一行

3.<img>标签

src="http://www.mamicode.com/相对路径"(最好不使用绝对路径)

只写宽度或者只写高度,自动适应图片宽高比例

width="120"图片宽度120px

height="120"图片高度120px

title="哈哈"鼠标移入图片显示"哈哈"

alt="哈哈"找不到图片显示哈哈

4.<br/>换行

5.<a>标签

href=""超链接网页/也可以跳转本地位置

假链接:

  • 如果href="http://www.mamicode.com/#"页面会返回顶部
  • 如果href="javascript:"不会跳转,开发是可以使用

锚点:

设置位置的<div id="d0"></div>

<a href="http://www.mamicode.com/#d0">跳转到div位置,直接跳转,没有特效

<a href="http://www.mamicode.com/页面地址#d0">跳转到页面地址所在的id为d0的位置

target  _self 自身跳转   _blank 新页面跳转

title 和<img>的title一样

6.<base>标签

在<head></head>中写入<base target="_blank">当前所有<a>标签如何打开

二.列表标签

 

 

 

HTML5学习1