Web-HTML-9.26
1.概述
HTML 指的是超文本标记语言。用来开发网页。
其中,
超文本:可以放图片、超链接、视频、音频等。
文本:只能放文字。
标记:标签,标记信息。
2.基本语法
使用开发工具 HbuilderX
创建一个基本项目:js,css,img,index.html
html文件基本框架
<!-- html 注释 -->
<!DOCTYPE html><!-- 声明html语言版本 -->
<html><!-- 网页文件的根,所有内容必须写在html中 -->
<head><!-- 头标签 -->
<meta charset="utf-8" /><!-- meta提供有关页面的元信息 utf-8支持中文-->
<title>百度一下你就知道</title><!-- 定义网页标题名,本html标题为“百度一下你就知道” -->
<link href="" rel="icon"/><!-- 定义标题图片 -->
</head>
<body bgcolor="antiquewhite" text="black"> <!-- 可定义多个标签属性 网页内容 本html定义背景颜色和字体颜色-->
hello <b>world</b>!<!-- 网页内容 hello world <b>为字体加粗 -->
</body>
</html>
标签: HTML中的标记指的就是标签
HTML 使用标记或标签来描述网页
闭合标签(双标签):开始…标签内容…结束,例<标签名>标签内容</标签名>
闭合标签(单标签):在内部结束,完成某个特定功能,不修饰别的内容。例 <标签名/>
标签属性:通过标签属性可以进一步对标签的显示进行修改。
语法:
1.属性名=“属性值”
2.一个标签可以拥有多个属性。
3.属性应该写在开始标签中。
标题标签:<h1></h1>......<h6></h6>
从一级标签到六级标签 ,独行。
可选属性 align :规定标题中文本的排列。
值: left(默认) right center
段落标签:<p></p>
段前段后有行间距。
可选属性 align :规定标题中文本的排列。
值: left(默认) right center
换行标签:<br/>
支持HMTL中的全局属性
1.无序列表<ul><li></li></ul>
标签属性 type="" 列表项属性
属性值 disc、square、circle
2.有序列表<ol><li></li></ol>
标签属性 type="" 列表项属性
属性值A、a、I、i、1
超链接:<a></a>
标签属性 href="" 定义链接地址
target="" 打开连接位置地址
target="_self" 在当前窗口打开新文档
target="_blank" 在新窗口打开
<a name="p1"></a>
<a href="#p1"></a>
定义锚点
图像标签<img>
<img src="">
向网页中插入图片,只是引入了项目中图片地址,并不是将图片存储到html文件中
<img width="">
定义图片宽度
<img heigt="">
定义图片高度
<img border="">
定义图片边框大小
<img title="">
定义图片地址
<img alt="">
当图片不能正常显示时,定义提示信息
特殊符号转义(常用的几个)
&it 在网页中显示"<"
> 在网页中显示">"
  在网页中显示一个空格" "
© 在网页中显示版权"©"
® 在网页中显示注册商标"®"
&trade 在网页中显示临时商标"圆圈TM"