码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习1

时间:2017-06-10 13:55:09      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:特效   tar   路径   设置   title   head   get   文档   bst   

一.基础标签

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="相对路径"(最好不使用绝对路径)

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

width="120"图片宽度120px

height="120"图片高度120px

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

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

4.<br/>换行

5.<a>标签

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

假链接:

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

锚点:

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

<a href="#d0">跳转到div位置,直接跳转,没有特效

<a href="页面地址#d0">跳转到页面地址所在的id为d0的位置

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

title 和<img>的title一样

6.<base>标签

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

二.列表标签

 

 

 

HTML5学习1

标签:特效   tar   路径   设置   title   head   get   文档   bst   

原文地址:http://www.cnblogs.com/zhangxin4477/p/6978311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!