May 15th(HTML day2)

HTML基础教程

最新推荐文章于 2020-02-23 11:03:34 发布

weixin_42152081

最新推荐文章于 2020-02-23 11:03:34 发布

阅读量244

点赞数

CC 4.0 BY-SA版权

分类专栏：学习文章标签： HTML

本文链接：https://blog.youkuaiyun.com/weixin_42152081/article/details/80318997

学习专栏收录该内容

15 篇文章

订阅专栏

本文介绍了HTML的基本结构和常用标签，包括标题、段落、图片、超链接等元素的使用方法及属性介绍。

1.HTML基本结构

(1)HTML 超文本标记语言

作用：网页结构

HTML不区分大小写，建议小写

(2)标签

HTML由标签组成（）

双标记 封闭类型标记

单标记<meta> 非封闭类型标记

空标记

(3)元素

开始标签结束标签

段落

元素的开始元素的内容元素的结束

(4)HTML的属性

作用：描述HTML的

属性="属性值"

写在开始标记里面，用空格隔开，一个标记可以有多个属性，用空格隔开（不区分前后顺序）

单标记属性写在/前面

(5)HTML的注释

注释给自己看

2.head里面的标签

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<base>	定义了页面链接标签的默认链接地址
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

<meta>标签

(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)强制换行

单标记

没有任何属性

(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 锚点（进行跳转）

同网页跳转

空链接

href="#"

跳转到网页顶部