(一):html中3个常用标签
实例如下
3个常用标签
开始标签 元素内容 结束标签
<h1> h标签用来表示标题 </h1>
<p> p标签表示一个段落 </p>
<hr> 我是一个单标签,我会给文档加一条横线 我没有结束标签呦
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实例01</title>
<meta charset="utf-8">
</head>
<body>
<h1>八阵图</h1>
<h3>作者:杜甫</h3><hr>
<p>功盖三分国,名成八阵图</p>
<p>江流石不转,遗恨失吞吴</p>
</body>
</html>
其他补充:
从<h1>到<h6>标签字体逐渐减小。
注释快捷键:ctrl+?(选中所要注释的内容)
(二)元素的属性
实例如下:
学习要点
1. 了解html属性
2、学习两个属性:align和bgcolor
属性的作用就是为元素提供更多的信息,大多数元素都可以拥有属性
属性的语法:<标签属性1=参数1>
注意空格的使用
(1) align属性:我的作用是指定内容的对齐方式,left:左对齐(我是默认值哦);right:右对齐;center:居中对齐
(2) bgcolor属性:我的作用是添加一个背景颜色。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实例02</title>
<meta charset="utf-8">
</head>
<body bgcolor="#FF9999">
<h1 align="center">八阵图</h1>
<h3 align="right">作者:杜甫</h3><hr>
<p align="center">功盖三分国,名成八阵图</p>
<p align="center">江流石不转,遗恨失吞吴</p>
</body>
</html>
(三、文本元素)
学习要点:
掌握常用的文本元素
,
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实例03</title>
</head>
</body>
<b>b标签代表字体加粗</b></br>
<br>br强制换行</br>
<i>i使文字倾斜</i></br>
<del>删除文字</del></br>
<s>s带有强调意味的删除文字</s></br>
dfhjfjfk<wbr>让文字安全换行hjj</wbr></br>
<em>em是带有强调意味的是文字倾斜</em></br>
<u>u使文字加下划线</u></br>
<small>small添加小号字体</small></br>
5<sup>3</sup></br>
爱你<sub>521</sub></br>
<q>引用文字</q></br>
<mark>mark加上黄色背景</mark></br>
</body>
</html>