欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  HTML基本介绍:
 
  html作为文件后缀名,就可以让文件变成网页,可以用浏览器所打开;
 
  实际,html是一门编程语言,叫做《超文本标记语言》;
 
  html的作用,就是制作网页;
 
  标记:html这门语言的基本组成单元 <内容>,大部分都有开始和结束的区别
 
  注意:把文件的后缀名改成doc 就会变成window文件,改成txt,就会变成文本文件
 
  格式:
 
  <html> --开始标记
 
  <head></head> --头标记,作用:用来控制网页的布局、编码、特效等内容
 
  <body></body> --主题标记,作用:用来呈现网页的具体内容
 
  </html> --结束标记
 
  DW简介:
 
  一般不用实时视图,常用代码,拆分,设计
 
  创建网页:
 
  文件新建--》空白页--》HTLM,无
 
  注意:<meta httpequiv="Content-Type"content="text/html;charset=utf-8"/> 是编码方式,不能删除。如果删除,中文会变成乱码
 
  标记的属性:<body>在body后空格就会出现body的属性
 
  body中的背景颜色(bgcolor)和背景图片(background)
 
  文本:
 
  基础样式,6种:加粗,倾斜,下划线,颜色,尺寸,字体
 
  一、加粗<b>、倾斜<i>、下划线<u>
 
  <b><i><u>要编辑的内容</u></i></b><br />
 
  二、颜色<font>,尺寸<size>,字体<face>--size只提供了七个字号
 
  <font face size>要编辑的内容</font>
 
  注意:结束标记没有属性。换行标记<br />
 
  <p> - 段落
 
  特点:默认空一行
 
  - 空格,打多少个就有多少个空格
 
  插入图片:
 
  需要注意三点:
 
  一、插入的是哪一张图片 - 图片路径
 
  二、图片的尺寸,点中图片--》右键属性--》点文件夹替换--》宽度高度那有个小锁,锁住
 
  三、title,作用:图片加载不出来,或是把鼠标放在图片上显示出来的内容
 
  代码格式:
 
  <img src="图片路径"width(宽度)="数"height(高度)="数"> --可以只设置宽度或是高度
 
  扩展:
 
  插入动态图片(gif结尾的图片):<img src="图片路径,gif结尾的图片"width>
 
  下载其它网页中的好看的图片:按f12--》选好图片所在的区域--》找到图片的代码--》双击打开--》打开后往下拖看到网址,打开另存为
 
  超级链接:
 
  要注意三点:
 
  一、文本:显示给用户看,并且可以点击的
 
  二、链接
 
  三、targer
 
  代码格式:
 
  <a href="目标的链接" target="属性">文本或是<图片></a>
 
  <a href="目标的链接" target="属性">文本<图片></a>
 
  target(目标)的属性:black在新页面打开,self在自身打开
 
  body的属性:
 
  bgcolor 页面背景色
 
  text 文字颜色
 
  topmargin 上页边距
 
  leftmargin 左页边距
 
  rightmargin 右页边距
 
  bottomargin 下页边距
 
  background 背景壁纸
 
  格式控制标签:
 
  <b></b> 字体加粗
 
  <i></i> 倾斜
 
  <u></u> 下划线
 
  <strong></strong> 字体加粗(强调,语气加强用)
 
  <em></em> 字体倾斜(强调,语气加强用)
 
  <center></center> 居中
 
  <br>或<br />相当于回车
 
  &nbsp 表示空格
 
  内容容器标签
 
  <h1></h1>…<h6></h6> 标题(会自动换行),HTML标签是通过<h1>-<h6>等标签进行定义的
 
  <p></p> 段落标签(段落之间空行)
 
  <div></div> 层标签(默认占一行)
 
  <span></snpa> 层标签(方便找文字)
 
  <ol type=" "> --ol是有序列表,引号中可以更改序号形式
 
  <li>内容</li>
 
  <li>内容</li>
 
  </ol>
 
  “ol”改为“ul”则为无序列表

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61230.shtml