HTML基础学习
一、HTML书写规范:
<!DOCTYPE html><!-- 约束,声明-->
<html><!--html标签的开始,HTML标签包含两部分,分别是head和body两部分 -->
<head><!-- 表示头部信息,一般分为三部分,title标签,css样式,js代码-->
<meta charset="utf-8"><!-- 表示当前使用的是utf-8字符集-->
<title></title><!--表示标题-->
</head>
<body><!--body标签是整个HTML页面的主体内容-->
</body>
</html>
二、HTML标签
HTML参考文档
1、标签的格式:
<标签名>封装的数据</标签名>
2、标签名大小写不敏感
3、标签拥有自己的属性
3.1基本属性:bgcolor = “red”
3.2事件属性:οnclick=“alert(‘你好!’);”
4、标签又分为,单标签和双标签
单标签格式:<标签名/>
双标签格式:<标签名>封装的数据</标签名>
常见的单标签:
<br/>换行
<hr/>下划线
三、常见的HTML标签:
1、font字体标签:
<font color="red" face="宋体" size=“7”> 封装数据</font>
<!--
color表示字体颜色
face表示字体类别
size表示字体大小
-->
2、常用的特殊字符:
3、标题标签:
<h1 align="left">标题1</h1>
<h2 align="center">标题2</h2>
<h3 align="right">标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<!--
h1 - h6都是标签
h1最大
h6最小
align属性是对其属性
left左对齐
right右对齐
center居中对齐
-->
4、超链接标签
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://hncj.edu.cn" target="_self">河南城建学院</a>
<a href="http://xiyou.edu.cn" target="_top">西安邮电大学</a>
<!--
a标签是超链接标签
href属性设置连接的地址
target属性设置目标如何跳转
_self 表示当前页面跳转(默认)
_blank 表示打开新的界面跳转
-->
5、列表标签
<!--
ul标签表示无序列表
ol标签表示有序列表
li是列表项
type属性可以修改列表项前面的符号
-->
<ul type="none">
<li>张三</li>
<li>李四</li>
<li>王二</li>
<li>麻子