1.HTML基本结构
(1)HTML 超文本标记语言
作用:网页结构
HTML不区分大小写,建议小写
(2)标签
HTML由标签组成(<p>)
双标记<p></p> 封闭类型标记
单标记<meta> 非封闭类型标记
空标记
(3)元素
开始标签 结束标签
<p> 段落 </p>
元素的开始 元素的内容 元素的结束
(4)HTML的属性
作用:描述HTML的
属性="属性值"
写在开始标记里面,用空格隔开,一个标记可以有多个属性,用空格隔开(不区分前后顺序)
单标记属性写在/前面
(5)HTML的注释
注释给自己看
2.head里面的标签
标签 | 描述 |
---|---|
<head> | 定义了文档的信息 |
<title> | 定义了文档的标题 |
<base> | 定义了页面链接标签的默认链接地址 |
<link> | 定义了一个文档和外部资源之间的关系 |
<meta> | 定义了HTML文档中的元数据 |
<script> | 定义了客户端的脚本文件 |
<style> | 定义了HTML文档的样式文件 |
(1) 为搜索引擎定义关键字
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
(2) 为网页定义描述内容
<meta name="description" content="免费 Web & 编程 教程">(3) 定义网页作者
<meta name="author" content="Runoob">3.HTML常用标签
(1)标题 h1-h6
双标记 一号最大 递减 6号最小
属性 align 水平对齐方式
取值 left right center
(2)段落 p
双标记
align属性
取值 left right center
(3)强制换行 <br/>
单标记
没有任何属性
(4)水平线 <hr/>
单标记
属性:color:颜色 width:长度 align:水平对齐方式
(5)图片 <img/> src:路径
相对路径
同一等级 直接写
下一级 /
上一级 ../
上两级 ../../
绝对路径
alt 当图片不能正常显示给予提示
title 鼠标悬停上去给予提示
width 宽 设置一个属性,另外一个等比例缩放
height 高
4.超链接
(1) href 路径
相对路径
绝对路径
(2) target 跳转的窗口
_self(默认值) 原窗口打开
_blank 新窗口打开
<a href="http://www.baidu.com" target="_blank" >跳转到百度</a>
(3)name 锚点(进行跳转)
同网页跳转
<a href="#text">rfh</a>
<a href="" name="text">zhj</a>
空链接
href="#"
跳转到网页顶部