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. 有关数据库行、锁 的几个问题（rowlock）

    行锁的基本说明: SELECT au_lname FROM authors WITH (NOLOCK) 锁定提示                                 描述  HOLDLOC ...

  2. HTML 学习笔记 CSS样式（框模型）

    CSS框模型( Box Model)规定了元素框处理元素的内容 内边距 边框 和 外边距的方式 CSS框模型概述 可以用下面的模型图概述

  3. 利用Android的UXSS漏洞完成一次XSS攻击

    黑客攻击的方式思路是先搜集信息,定位漏洞,然后针对不同的漏洞采用不同的方式来黑掉你.下面用metasploit模拟一次跨站脚本攻击(黑掉自己的手机). 1.搜集信息 msf > search a ...

  4. Mac下搭建php开发环境教程

    方案一:原生安装 这篇文章主要介绍了Mac下搭建php开发环境教程,Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例,需要的朋友可以参考 ...

  5. 理解java的finalize

    基本预备相关知识 1 java的GC只负责内存相关的清理,所有其它资源的清理必须由程序员手工完成.要不然会引起资源泄露,有可能导致程序崩溃. 2 调用GC并不保证GC实际执行. 3 finalize抛 ...

  6. Jquery操作下拉框(DropDownList)实现取值赋值

    Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('sele ...

  7. UIScrollView增加刷新

    1. if (!self.scrollView) { CGRect frame = CGRectMake(0.0, 0.0, CGRectGetWidth(self.view.frame), CGRe ...

  8. 关于div标签的title属性一闪一闪不正常显示的原因

    弹出了chrome的开发工具就会出现以上问题.

  9. tar 解压缩命令详解

    今天对目录及其文件进行压缩:/usr/local/test# tar -cvf /usr/local/auto_bak/test.tar /usr/local/test 仅打包,不压缩 # tar - ...

  10. 如何让oracle的select强制走索引

    大多数情况下,oracle数据库内置的查询优化策略还是很成功的,但偶尔也有犯2的时候,即使有索引,也会做全表扫描,可以参考以下语句的写法,强制让select语句使用索引 CREATE OR REPLA ...