WEB入门——HTML

来源:互联网 发布:三省六部三公九卿 知乎 编辑:程序博客网 时间:2024/05/17 06:09

HTML

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签


<html>

<body>

<h1> WEB学习</h1>
<p> WEB学习</p>

</body>
</html>

标签都是对应的

解释 
<html>与</html>   之间的文本描述网页
<body>与</body> 之间的文本是可见的的页面内容
<h1> 与</h1>        之间的文本被显示为标题
<p> 与 </p>            之间的文本被显示为段落


HTML标题是通过<h1> - <h6>等标签进行定义的  <h1> -  <h6> 区别也是大小直接的区别   例子:<h1> 标签 </h1>

HTML段落是通过<p>标签进行定义的                  例子:<p>段落</p>

HTML标签连接是通过 <a> 标签进行定义的       例子:<a href="http://www.baidu.com"> 这是一个连接 </a>

HTML图像是通过<img>标签进行定义的      例子:<img  src="tupian.jpg"  width="100" height="120" >       解释:width 是高,height是宽的意思

<HTML> ● 文件声明 让浏览器知道这是 HTML 文件   
<head> ● 开头 提供文件整体资讯   
<title> ● 标题 定义文件标题,将显示于浏览顶端   
<body> ● 本文 设计文件格式及内文所在   
排版标记 
<!--注解--> ○ 说明标记 为文件加上说明,但不被显示   
<p> ○ 段落标记 为字、画、表格等之间留一空白行   
<br> ○ 换行标记 令字、画、表格等显示于下一行   
<hr> ○ 水平线 插入一条水平线   
<center> ● 居中 令字、画、表格等显示于中间 反对 
<pre> ● 预设格式 令文件按照原始码的排列方式显示   
<div> ● 区隔标记 设定字、画、表格等的摆放位置   
<nobr> ● 不折行 令文字不因太长而绕行   
<wbr> ● 建议折行 预设折行部位   
字体标记 
<strong> ● 加重语气 产生字体加粗 Bold 的效果   
<b> ● 粗体标记 产生字体加粗的效果   
<em> ● 强调标记 字体出现斜体效果   
<i> ● 斜体标记 字体出现斜体效果     
<u> ● 加上底线 加上底线 反对 
<h1> ● 一级标题标记 变粗变大加宽,程度与级数反比   
<h2> ● 二级标题标记 将字体变粗变大加宽   
<h3> ● 三级标题标记 将字体变粗变大加宽   
<h4> ● 四级标题标记 将字体变粗变大加宽   
<h5> ● 五级标题标记 将字体变粗变大加宽   
<h6> ● 六级标题标记 将字体变粗变大加宽   
<font> ● 字形标记 设定字形、大小、颜色 反对 
<basefont> ○ 基准字形标记 设定所有字形、大小、颜色 反对 
<big> ● 字体加大 令字体稍为加大   
<small> ● 字体缩细 令字体稍为缩细   
<strike> ● 画线删除 为字体加一删除线 反对 
<code> ● 程式码 字体稍为加宽如<TT>   
<kbd> ● 键盘字 字体稍为加宽,单一空白   
<samp> ● 范例 字体稍为加宽如<TT>   
<var> ● 变数 斜体效果   
<cite> ● 传记引述 斜体效果   
<blockquote> ● 引述文字区块 缩排字体   
<dfn> ● 述语定义 斜体效果   
<address> ● 地址标记 斜体效果   
<sub> ● 下标字 下标字   
<sup> ● 上标字 指数(平方、立方等)   
清单标记 
<ol> ● 顺序清单 清单项目将以数字、字母顺序排列   
<ul> ● 无序清单 清单项目将以圆点排列   
<li> ○ 清单项目 每一标记标示一项清单项目   
<menu> ● 选单清单 清单项目将以圆点排列,如<UL> 反对 
<dir> ● 目录清单 清单项目将以圆点排列,如<UL> 反对 
<dl> ● 定义清单 清单分两层出现   
<dt> ○ 定义条目 标示该项定义的标题   
<dd> ○ 定义内容 标示定义内容   
表格标记 
<table> ● 表格标记 设定该表格的各项参数   
<caption> ● 表格标题 做成一打通列以填入表格标题   
<tr> ● 表格列 设定该表格的列   
<td> ● 表格栏 设定该表格的栏   
<th> ● 表格标头 相等于<TD>,但其内之字体会变粗   
表单标记 
<form> ● 表单标记 决定单一表单的运作模式   
<textarea> ● 文字区块 提供文字方盒以输入较大量文字   
<input> ○ 输入标记 决定输入形式   
<select> ● 选择标记 建立 pop-up 卷动清单   
<option> ○ 选项 每一标记标示一个选项   
图形标记 
<img> ○ 图形标记 用以插入图形及设定图形属性   
连结标记 
<a> ● 连结标记 加入连结   
<base> ○ 基准标记 可将相对 URL 转绝对及指定连结目标   
框架标记 
<frameset> ● 框架设定 设定框架   
<frame> ○ 框窗设定 设定框窗   
<iframe> ○ 页内框架 于网页中间插入框架 IE 
<noframes> ● 不支援框架 设定当浏览器不支援框架时的提示   
影像地图 
<map> ● 影像地图名称 设定影像地图名称   
<area> ○ 连结区域 设定各连结区域   
多媒体 
<bgsound> ○ 背景声音 于背景播放声音或音乐 IE 
<embed> ○ 多媒体 加入声音、音乐或影像   
其他标记 
<marquee> ● 走动文字 令文字左右走动 IE 
<blink> ● 闪烁文字 闪烁文字 NC 
<isindex> ○ 页内寻找器 可输入关键字寻找于该一页 反对 
<meta> ○ 开头定义 让浏览器知道这是 HTML 文件   
<link> ○ 关系定义 定义该文件与其他 URL 的关系   
StyleSheet 
<style> ● 样式表 控制网页版面   
<span> ● 自订标记 独立使用或与样式表同用


如有错误,请速联系修改













0 0
原创粉丝点击