HTML概述
html是什么
超文本标记语言(HyperText Markup Language)
超文本:网页语言内容
标记语言:即标签,是用来标注网页内容
<b>我的第一张网页</b>
html做什么
制作网页
HTML的基本语法
开发工具
HBulider x
基本语法结构
<!-- 声明html版本类型为html5 -->
<!DOCTYPE html>
<!-- 网页中的内容写在html标签中 -->
<html>
<!-- 网页的头部 里面设置网页信息 添加标签 -->
<head>
<!-- 网页的字符型编码 -->
<meta charset="utf-8" />
<!-- 为标题处添加图片 href="图表地址" rel="文件类型" -->
<link href="img/baidu.ico" rel="icon"/>
<!-- 网页的标题 -->
<title>百度一下,你就知道</title>
</head>
<!-- 网页的身体,内容写在其中-->
<!-- 属性格式:属性名="属性值"
位置:开始标签
数量:多个
-->
<body text="black" bgcolor="green">
<!--
标签分类
<开始> 修饰的内容 <结束> 闭合标签 双标签
<link href="img/baidu.ico" rel="icon"/> 自闭合 单标签
-->
你好呀,这是我的第一个网页
</body>
</html>
基本标签
标题标签
标题标签中h1…h6为一级标题到六级标题,在输出的浏览器网页中占一行.
<h1 align="center">标题标签</h1>
<h2>二级标题</h2>
<h3>三级标签</h3>
align="center" 居中
"lift" 默认
"right"
段落标签
段落标签其功能为每个段落有明显分隔,占一行.在文字中有多个空格,但浏览器网页中只识别为一个空格.
<p align="center">首先<br>
第一节课第一节课第一节课
第一节课第一节课第一节课
第一节课第一节课第一节课</p>
<p align="center">第一节课第一节课
第一节课第一节课第一节课
第一节课第一节课第一节课
第一节课第一节课第一节课</p>
<br> 另起一行
列表标签
有序列表
有序列表是将列表的内容有序的列出来,其中type=“1,A,a,I,i”,表示可以用数字,大写字母,小写字母,大写罗马数字,小写罗马数字来表示.
<ol type="A">
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
</ol>
无序列表
语句type="circle,square,disc"可以转变列表内容前的类型,其中默认标签为圆心实点,还可以circle、square.
<ul type="disc">
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
</ul>
超链接
超链接,跳转到网络上指定的网页上.
<a href="http//www.baidu.com">百度</a>
<a href="百度.html" target="_blank">假百度 ></a
a 超链接
href="" 超文本引用
traget="_self" 默认当前窗口打开网页
traget="_blank"重新打开一个新的页面
图像标签
<img src="img/qq_logo.png" width="100" height="80" border="1"
alt="这是腾讯网页" title="这是腾讯网页" />
img 标签
alt=""图片无法显示时的文字提示信息
title=""鼠标移到图片上的文字描述信息
特殊符号
空格---
商标---®
版权---©
大于--- >
小于---<