html是什么?html是 HyperTextMarkupLanguage的缩写,中文叫做超文本标记语言,是一种由html命令组成的描述性文本语言。它是用来标记web信息如何设置以及如何显示的一种语法规则,通过使用一些列的标签将网络上的文档格式统一。
HTML框架
链接标签
<!DOCTYPE xxxx> //声明文档类型,告知浏览器该文档应该使用那种规范
<html lang ="xxxx"> //html标签指定语言 如Zh-CN
<head> //head成对存在,内容包括网页配置信息及网页标题
<meta> //网页配置信息,如对网页进行编码字符的配置 例如:charset= "utf-8"
<title> //网页标题
</head>
<body> //内容用于定义网页的主体内容
</body>
</html>
HTML常用标签
1.排版标签
排版标签分为6级,从h1——>h6。等级由1到6 h1为标签最高级,字体最粗最大。其余依次递减。
<hx> 标题 </hx> // x为1-6
2.段落标签
<p>文本内容</p>
3.换行标签
<br />
4.水平标签
<hr /> //一条水平分割线
5.布局标签
布局标签分为"div""spam"两种。
<div>头部</div> //一行只能放一个div
<span>子标题</span> //一行可以放置多个span
文本格式标签
1.粗体文本标签
<b></b>
<strong></strong>
2.斜体文本标签
<em></em>
<i></i>
3.波浪线文本标签
<del></del>
<s></s>
4.下划线文本标签
<u></u>
<ins></ins>
图像标签
1.格式
img 属性 = "属性值" //img与属性之间要有一个空格
2.属性
属性 | 属性值 | 意义 |
---|---|---|
src | URL | 图片路径 |
alt | 文本 | 图像不能显示时的替换文本 |
title | 文本 | 鼠标悬停显示文本 |
width | 数字 | 设置图像宽度 |
height | 数字 | 设置图像高度 |
border | 数字 | 设置图片边框宽度 |
– | – | – |
<a href ="链接网址" >超链接文本</a> //href用于链接跳转目标的地址
<a href ="链接网址" target ="_bank">超链接文本</a> //target用于打开一个新的网页,否则原网页将被覆盖