3.16 html
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:单元格间距,单元格与内容的距离
posted on 2018-03-17 17:01 sunyexiang 阅读(103) 评论(0) 编辑 收藏 举报