HTML语言:超文本标记语言(Hyper TextMarkup Language)
基础语法:分为单标签,双标签,和注释语法。
单标签写法:<标签名>或者<标签名/>
双标签写法:<标签名></标签名>
注释语法:<!--内容-->
基本结构:
<html>
<head></head>头部:控制作用(页面的布局、效果)
<body></body>主体:放内容(文字、图片等)
</html>
常用标签:格式控制类
<body bgcolor:"颜色" text:"颜色" bgground:"图片">
bgcolor会改变整个页面的颜色,text是给body里的变颜色,bgground背景图片。
<font color="#9900FF" size="7" face="华文行楷">这是字体标记</font> (body里字体大小最大是7号)
<b>加粗</b>
<strong>加粗2</strong>
<i>倾斜</i>
<em>倾斜2</em>
<u>下划线</u>
<b><i><u>可以相互嵌套
 空格 <br/>换行
<h1>标题1</h1>
<h6>标题6</h6>
</body>
字体效果图
加粗倾斜下划线效果图
标题1和6效果图,越来越小
<p></p>段落,P与P之间有换行的空间
层标签:
<span></span>内容有多少大小就是多少,紧挨着没有换行空间
<div></div>默认占一行
<ol type="I">(有序列表)
<li>北京</li>
<li>上海</li>
<li>深圳</li>
</ol>
<ul type="circle"> (无序列表) type类型:circle空心圆,disc实心圆,square方块
<li>北京</li>
<li>上海</li>
<li>深圳</li>
</ul>
空心圆效果图
实心圆效果图
方块效果图
<a href="无标题.png">内容</a> 能打开png,txt,html等,网址也可以,鼠标移动上去以后鼠标会变成小手。
超链接也可以做锚点到某个位置,做锚点<a name="h"><a> 回到锚点位置<a href="#a">回到</a>
超链接效果图
<img src="无标题.png" width="200" height="200" title="你好" alt="这是蛋糕图片"></img>
<img src></img>为插入图片,width是图片的宽,height是图片的高,title是鼠标放上去显示的内容,alt是图片加载不出来的时候显示的提示文字
title效果图
alt效果图
图片做链接:
<a href="链接网址">
<img src="无标题.png">
</a>
表格:表格标签
cellspacing:单元格边距,单元格与单元格之间的距离
cellpadding:单元格间距,单元格与内容的距离