html全称为超文本标记语言,用标签将不同内容标记到网页上
标签: 标签是将不同的内容标记成不同的网页元素,例如文本,标题,段落,图片,音频,视频.列表,表格,表单等
分类: <span>图片文本</span> 开始标签+结束标签
<img>只有一个开始标签, 自闭合标签
属性: 写在标签里, 用来给标签附加一些特殊作用
<img>
<img>的src属性, 告诉浏览器, 需要加载某一种图片
<img src="图片">
src属性 : 表示图片的地址, 可以是网络图片也可以是本地图片
alt属性 : 当图片加载失败后, alt的内容会显示, 作用: 当网页有很多张图片时, 一些图片加载失败, 可以告诉用户是哪张
title属性 : 当鼠标移入图片后, 静止一秒钟, 会显示图片的标题, title属性是全局属性, 所有标签都可以用title属性
width / height属性 : 设置图片的高度和宽度, 如果只设置一个, 则会根据原图片进行自动缩放, 宽度和高度属性值的单位, 默认是px像素, 浏览器默认分辨率1920*1080
<img src=" " alt=" " title=" ">
注释:选中内容ctrl + /
标题标签 : <h1-h6> 所有标题都是加粗的
<h1>一级标题</h1> 一级标题一个页面只能有一个 <h2>二级标题</h2>
段落标签 : <p>
<p></p>
区域标签 : <div> <span>
<div></div> 标记一块区域,这块区域独占一行显示,即使内容没有沾满一行, 剩下的内容也不会有其他内容显示
<br>换行 <hr>增加水平线
<div> 这是一句话, <br>这是第二句, <hr> 上面出现了一条水平线 </div>
<span></span> 标记一块区域,这块区域不会自动换行, 不会沾满一行
超链接标签 : a
<a></a> <a href=" " target=" ">百度一下</a>
href属性 : 告诉浏览器, 这是一个超链接, 可以跳转到对应的网页
超链接默认是蓝色字体, 带下划线, 访问之后, 字体变为紫色, 鼠标点击不放开为红色
target属性 : 告诉浏览器如何跳转, 默认情况下, 跳转替换当前页面, 可以设置为打开页面
1 . _self 默认值. 在当前页面打开新的页面
2 . _blank 打开一个新的页面显示新的页面
下载资源
<a href="链接" target="_blank">点击下载</a>
锚点跳转:
超链接可以跳转到网页所有的页面
可以跳转到网页的某一个地方, 需要用id将跳转的位置标记
id属性 : 给元素添加一个唯一标记
<h1>第一章</h1>
<a href="#badao1">第一节内容</a>
<h2 id="badao1">第一节内容</h2>
<img src="http://img.258zw.com/144/144286/144286s.jpg" height="400" >
列表标签 :
1.有序列表(默认排序1.2.3.)
<ol>
<li></li>
</ol>
有序列表 : type : a(排序改为a.b.c) A(排序改为A.B.C) i(排序改为i.ii.iii.iv) I(排序改为I.II.III.IV)
start : 从某个数开始排序
<ol type="1" start="3">
2.无序列表(默认黑实心圆点)
<ul>
<li></li>
</ul>
无序列表属性 : type : disc(黑实心圆点) circle(空心圆点) square(黑实心方块)
更改为空心圆点 <ul type="circle">
列表可以进行镶嵌, 而且无序列表标记会自动变化, 有序列表不会自动变化标记