首页 > 代码库 > 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