head/body内常用标签

head常用标签

#网页标题
<title></title> 

#定义内部样式表，用于书写css代码
<style></style> 

#内部用来书写js代码,通过src可以将外界的js文件导入
<script src=" "></script> 

#引入外部css文件,通过href可以导入外部的css文件
<link rel="stylesheet" href=" ">

#针对浏览器的搜索显示出不同的信息
<meta> 

#用浏览器搜索的时候 只要输入了keywords后面指定的关键字那么该网页都有可能被百度搜索出来展示给用户
<meta name="keywords" content="aaa">  

#网页被搜索到时展示的描述性信息
<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！">  

body内常用标签

标签的分类

块级标签：
	1.独占一行
    2.可以修改长度
    3.除<p>标签外可以任意的嵌套标签，虽然<p>级标签再打代码时也可以嵌套任意的块级标签，并且不会报错，不过这么做是无效的
    # eg:<h>标题标签 <p>换行 <div>类似于一块区域，主要用于在页面初期占位

行内标签：
	1.文本内容有多大，就占多大的位置
	2.不能修改长度
    3.不能嵌套块级标签，但是可以任意的嵌套行内标签
    # eg:<span>占位 <i>倾斜 <u>下划线 <s>删除线 <b>加粗

普通的标签

<br> 换行
<hr> 分割线
<font> 修改文字大小，颜色
<b> 加粗  html5中可以使用<strong>替换
<u> 下划线 html5中可以使用<ins>替换
<i> 倾斜 html5中可以使用<em>替换
<s> 删除线 html5中可以使用<del>替换

特殊符号

#在html中使用& + 英语字符来替换特殊字符

  	#空格
> 	#大于号(greater than)
< 	#小于号(less than)
& 	#&符
¥ 	#￥符
© 	#©防伪符
® 	#®商标符

img标签

<img>#展示图片时使用
#img所拥有的参数
src:    选填图片的路径
alt:    当图片加载不出来时，显示的描述信息
title:  鼠标移动到图片上时显露的信息
height: 图片高度
width:  图片宽度
#eg:当高度与宽度只指定其中一个的时候，图片会自动根据图片比例进行等比例缩放。

a标签

<a> #超链接时使用
#a标签所拥有的参数
href:   放网址，当用户点击该标签内的事物时会跳转到指定页面
target: 指定跳转的页面是当前页面还是空白页 _self默认指定的参数，在当前页面跳转。 _blank新建页面跳转

#锚点功能
简单的说锚点功能就是同一个页面的移动到指定位置
使用方式
href = "# + 标签id" 

#假链接点击后不会跳转的连接
href = '#' 

eg:标签内可以使用默认有的参数或自定义参数

列表标签

无序列表

<ul> #unordered list 
	<li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

type:列表的类型
    disc:实心圆(默认)
    circle:空心圆
    square:实心矩形
    none:不显示标识

ps：取消圆点并取消边距 
ul{
    list-style:none;
    margin: 0;
    padding: 0;
}

有序列表

#使用该标签可以在你的内容前面按顺序显示序号，序号的内容可以自己指定
<ol> # ordered list
	<li>1</li>
    <li>2</li>
    <li>3</li>
</ol>
参数
type：1 A I a
start:从序号几开始

自定义列表

<dl>
	<dt>标题</dt>
    <dd>内容</dd>
</dl>