HTML        内容 Hyper Text Markup Language  超文本标记语言（包含文本、表格、图片、声音、视频等，同时也是文档）

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码

CSS          页面美化

JavaScript  脚本语言（针对前台显示进行控制）

DreamWeaver 构成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>HTML基础及一般标签</title>

</head>

<body>

</body>

</html>

基本构成：（html、head、body均是成对出现）

<html>——html开始语句

<head>——头部标签（charset=utf-8  编码解码方式）

页面上的控制信息

<title>页面标签（标签标题）</title>

</head>

页面显示内容

<body>

</body>

</html>——html结束语句

body属性：（body分为前景层、背景层两层）

<!--注释内容-->    进行注释

background          背景图片

bgcolor                背景颜色  （背景图片和背景颜色不能同时使用）

text                     文字颜色

topmargin            上页边距 （bottommargin  下页边距  liftmargin  左页边距  rightmargin  右页边距）

一般标签：

<br />或<br>      换行，快捷键：shift+enter

&nbsp;               空格，快捷键：ctrl+shift+space

<font color="" face="" size="">文字内容</font>    文字属性控制，color颜色，face字体，size大小（size有-1—-6,+1—+6，当前大小上加减，还有1-6大小）

<b></b> 同 <strong></strong>  加粗

<i></i> 同<em></em>  倾斜

<u></u>  下划线

<center></center>  居中（默认：若前后有其他内容，执行前后换行，并居中，保证内容独自占一行）

内容容器标签：

<h1></h1>......<h6></h6>  标题  html标题（Heading）是通过<h1>-<h6>等标签进行定义的。

特性：1、重要性依次递减；2、根据所在区域文字大小，增加或减去几个尺寸；3、自动换行，默认：若前后有其他内容，执行前后换行，并且空开一行；

<p></p>  段落标签（段落之间空行） 默认：若前后有其他内容，执行前后换行，并且空开一行，保证自己是一个整体；

<div></div>  层标签  默认：一开始就占一行，后面其他内容自动换行；

<span></span>  层标签  默认：有多大空间就占用多大空间，后面内容不换行；

<ol type="n">  有序列表，序号从n开始，依次+1，或为A B C ...也可以；

<li>内容</li>  自带编号，编号无法选中

<li>内容</li>  自动换行

……

</ol>  ol改为ul则为无序列表，没有序号

“../”  表示上级目录

“./”   表示当前目录

相对路径：从当前页面开始查找

绝对路径：从网站的根开始查找。  “/”代表网站的根

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>HTML基础及一般标签</title>

</head>

<body bgcolor="#00FF66" text="#FF0000" topmargin="">

<font color="#000000" face="新宋体, 楷体" size="">HTML基础及一般标签</font><br />

<b>字体加粗方式一</b><br />

<strong>字体加粗方式二</strong><br />

<i>字体倾斜方式一</i><br />

<em>字体倾斜方式二</em><br />

<u>字体加下划线</u><br />

<br />

<b><i><u>代码中<>中加“br/”为真正的换行，快捷键为Shift+Enter</u></i></b><br />

空格快捷键为Shift+Ctrl+空格<br />

<br />

h1-h6<br />

<h1>重要性依次递减</h1>

<h2>自动换行，执行前后并空开一行</h2>

<h3>根据所在区域文字的大小，增加或减去几个尺寸</h3><br />

<p>段落标签，前后自动换行并空一行，不默认首行缩进</p><br /><br />

<div style="background:#00F">层标签，默认自己占整行，前后自动换行</div><br />

<span style="background:#FF0">层标签，使用多少就占用多少</span><br />

<br />

ol有序列表<br />

<ol type="">

<li>自带序号，序号不可选中</li>

<li>自动换行</li>

<li>默认：ol前后自动换行并保持一行空行</li>

</ol>

ol换为ul则为无序列表

</body>

</html>

HTML基础及一般标签的更多相关文章

  1. iOS系列 基础篇 06 标签和按钮 (Label & Button)

    iOS系列 基础篇 06 标签和按钮 (Label & Button) 目录: 标签控件 按钮控件 小结 标签和按钮是两个常用的控件,下面咱们逐一学习. 1. 标签控件 使用Single Vi ...

  2. Bootstrap<基础二十> 标签

    Bootstrap 标签.标签可用于计数.提示或页面上其他的标记显示.使用 class .label 来显示标签,如下面的实例所示: <!DOCTYPE html> <html> ...

  3. HTML基础：<a>标签 编写个人收藏夹

    编写个人收藏夹 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t ...

  4. JavaScript基础插曲—获取标签，插入元素，操作样式

    Js基础 1:document.write() 这个是动态创建元素内容,利用js.这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别 ...

  5. 【HTML】 HTML基础知识 一些标签

    额..是这样的,去年为了学习web框架,自己开发了一个zbx配置管理的二次开发系统,当时从零开始接触web开发,也第一次接触到了前端的一些知识.其中最基础的就是html/css了.我把那部分笔记整理上 ...

  6. HTML基础篇（标签和属性整--已剔除不被浏览器支持的部分）

    行内元素有:a b span img input select strong 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p HTML 参考手册- (HTML5 标 ...

  7. css的基础用法之标签选择

    一.css的4种引入方式 #.内联式 <p style="color: red;font-size: 50px;text-align: center">Egon是一个非 ...

  8. css基础 引用方式 标签选择器 优先级 各式布局

    今天讲的css基础,了解了css即层叠式表,是美化网页,控制页面的样式. 样式表引进网页的3种方式1内联式,语法例子:<div style="width: 100px;height: ...

  9. 前端基础：HTML标签(下)

    前端基础HTML标签(下) 1.表单 表单的功能主要用于向服务器传输数据,从而实现客户端与Web服务器的交互.表单能够包含input系列标签,比如:文本字段.复选框.单选按钮.提交按钮等:表单还包含t ...

随机推荐

  1. Hibernate关联映射关系

    Hibernate关联映射关系 一.双向一对多关联映射关系:当类与类之间建立了关联,就可以方便的从一个对象导航到另一个或另一组与它关联的对象(一对多双向关联和多对一双向关联是完全一样的) 1.1创建实 ...

  2. uboot 移植遇到的问题及解决方法(转)

    http://blog.sina.com.cn/s/blog_988ec60801017iy3.html 一  在commond  env_nand.c: In function 'saveenv': ...

  3. Nginx反向代理、负载均衡、页面缓存、URL重写及读写分离详解

    大纲 一.前言 二.环境准备 三.安装与配置Nginx 四.Nginx之反向代理 五.Nginx之负载均衡 六.Nginx之页面缓存 七.Nginx之URL重写 八.Nginx之读写分离 注,操作系统 ...

  4. java 24 - 8 GUI之创建四则运算计算器（未校验版）

    这个是用NetBeans软件制作的,因为这个软件制作GUI任务比较方便 通过拖拽控件生成的窗体:(红色的名称是更改后的控件名称) 拉拽好布局后,要进行的步骤: A:更改想要进行操作的控件的名称(右键控 ...

  5. C++ ODB 框架(未实践使用)

    http://www.codesynthesis.com/products/odb/doc/manual.xhtml#17.1

  6. android学习疑问汇兑

    一. anroid开发精要是提到. 1. 每一个android应用只有 16MB 的堆空间? 这个如何解释? 2. 服务组件没有运行在独立的进程或者线程中,而是与其他的android组件一样,运行主线 ...

  7. bzoj3339 rmq problem (range mex query)

    给一个长度为n的数列a,q个询问,每次询问一段区间的mex.(没有出现过的最小非负整数) 1<=n,q<=200000,0<=ai<=200000. 题解1 莫队 我们将权值分 ...

  8. Microsoft.Office.Interop.Excel, Version=12.0.0.0版本高于引用的程序集（已解决）

    Microsoft.Office.Interop.Excel, Version=12.0.0.0版本高于引用的程序集(已解决) 论坛里的帮助:http://bbs.csdn.net/topics/39 ...

  9. java反射详解（转）

    本篇文章依旧采用小例子来说明,因为我始终觉的,案例驱动是最好的,要不然只看理论的话,看了也不懂,不过建议大家在看完文章之后,在回过头去看看理论,会有更好的理解. 下面开始正文. [案例1]通过一个对象 ...

  10. scala 学习笔记(02) 元组Tuple、数组Array、Map、文件读写、网页抓取示例

    package yjmyzz import java.io.PrintWriter import java.util.Date import scala.io.Source object ScalaA ...