欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  HTML:Hyper Text Markup Language 超文本标记语言
 
  它是用来描述网页的一种标记语言。
 
  所谓超文本,有2层含义:
 
  1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)
 
  2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件链接(超级链接文本)
 
  文档类型声明,作用就是告诉浏览器使用哪种HTML版本显示网页。<!DOCTYPE html>告诉浏览器按照HTML5标准解析页面。
 
  lang指定该html标签内容所用的语言。(1)en定义语言为英语 (2)zh-CN定义语言为中文
 
  这个属性对浏览器和搜索引擎(百度、谷歌等)还是有作用的
 
  字符集(characterset)是多个字符的集合,以便计算机能够识别和存储各种文字。
 
  charset目前最常用的字符集编码方式是UTF-8,基本包含了全世界国家需要用到的字符。
 
  如果不写可能引起乱码的情况。
 
  作为标题使用,并且依据重要性递减。
 
  特点:1.加了标题的文字会变粗,字号也会变大
 
  2.一个标题独占一行
 
  在HTML标签中,<p>标签用于定义段落,它可以将整个网页分为若干个段落
 
  特点:段落和段落之间保有空隙
 
  在HTML中,如果希望某段文本强制换行显示,就需要使用换行标签<br/>
 
  特点:1.<br/>是个单标签
 
  2.<br/>标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距
 
  HTML中的文本格式化标签,使文字以特殊的方式显示粗体、斜体或下划线等:
 
  语义
 
  标签
 
  加粗
 
  <strong></strong>或<b></b>
 
  倾斜
 
  <em></em>或<i></i>
 
  删除线
 
  <del></del>或<s></s>
 
  下划线
 
  <ins></ins>或<u></u>
 
  是没有语义的,是我们网页布局最主要的2个盒子
 
  <div>标签用来布局,但是现在一行只能放一个<div>盒子
 
  <span>标签用来布局,一行上可以多个<span>小盒子
 
  1.图像标签:
 
  属性
 
  属性值
 
  说明
 
  src
 
  图片路径
 
  必须属性
 
  alt
 
  文本
 
  替换文本。图像不能显示
 
  title
 
  文本
 
  提示文本。鼠标放到图像上,显示的文字
 
  Width</td>
 
  像素
 
  设置图像的宽度
 
  Height</td>
 
  像素
 
  设置图像的高度
 
  border
 
  像素
 
  设置图像的边框粗细
 
  2.路径:
 
  (1)相对路径:
 
  相对路径分类
 
  符号
 
  说明
 
  同一级路径
 
  图像文件位于HTML文件同一级 如<img src=""/>
 
  下一级路径
 
  /
 
  图像文件位于HTML文件下一级 如<img src="" />
 
  上一级路径
 
  图像文件位于HTML文件上一级 如<img src="" />
 
  相对路径是从代码所在的这个文件出发,去寻找目标文件的。
 
  (2)绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
 
  在HTML中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
 
  (1)链接的语法格式:
 
  两个属性的作用如下:
 
  属性
 
  作用
 
  href
 
  用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能
 
  target
 
  用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式
 
  (2)链接分类:
 
  1. 外部链接: 例如 < a href="http://  "> 百度</a >。
 
  2. 内部链接:网站内部页面之间的相互链接。 直接链接内部页面名称即可,例如 < a href=""> 首页 </a >。
 
  3. 空链接: 如果当时没有确定链接目标时,< a href=""> 首页 </a > 。
 
  4. 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
 
  5. 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。
 
  6. 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。
 
  在链接文本的 href 属性中,设置属性值为 #名字 的形式,如<a href=""> 第2集 </a>
 
  找到目标位置标签,里面添加一个 id 属性=刚才的名字 ,如:<h3 id="two">第2集介绍</h3>
 
  <!-- 注释语句 -->
 
  快捷键是: ctrl + /
 
  或者 ctrl +shift + /
 
  注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的。
 
  添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。

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