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基础及一般标签

    HTML        内容 Hyper Text Markup Language  超文本标记语言(包含文本.表格.图片.声音.视频等,同时也是文档) HTML 元素指的是从开始标签(start t ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

随机推荐

  1. HowTo: Xen 4.1.3 Windows 8 HVM domU with Intel HD4000 VGA Passthrough on Debian Wheezy

    http://linux-bsd-sharing.blogspot.com/2012/10/howto-xen-413-windows-8-hvm-domu-with.html Update 05/0 ...

  2. toFixed

    1,toFixed要使用与Number数据类型 2.parseInt将字符串转换为整形 3.parseFloat将字符串转换为浮点型

  3. IIS相关知识和经验的碎片化记录

    1.IIS(Internet Information Services)网站本机可以访问,局域网其他机器无法访问 导致这个问题之一是防火墙规则,解决办法如下: [开始]打开[控制面板],选择[WIND ...

  4. PreparedStatement的setDate方法如何设置日期

    pstmt.setString(12, "to_char(sysdate,'YYYY-MM-DD HH24:MI:SS')");这样写不对,应该如何写 该方法用于将指定的参数设置为 ...

  5. IDEA设置与快捷键记录

    一:代码提示大小写设置 二:设置代码检查等级 IntelliJ IDEA 对于编辑大文件并没有太大优势,很卡,原因就是它有各种检查,这样是非常耗内存和 CPU 的,所以为了能加快大文件的读写,我一般会 ...

  6. 浏览器透明设置例子，qt5.6才支持

    用simpleBrowser例子的基础上,在BrowserWindow构造函数修改如下 BrowserWindow::BrowserWindow(QWidget *parent, Qt::Window ...

  7. Druid详细配置信息

    druid的配置项如下 配置 缺省值 说明 name   配置这个属性的意义在于,如果存在多个数据源,监控的时候 可以通过名字来区分开来.如果没有配置,将会生成一个名字, 格式是:"Data ...

  8. windows在python基础上安装pip

    首先你必须已经安装了python,并且配置好环境 键入pip 复制https://bootstrap.pypa.io/get-pip.py的内容并创建get-pip.py文件(该文件的内容就是刚刚复制 ...

  9. 【图解HTTP】第二章 简单的http协议

    简单的HTTP协议 针对HTTP协议结构进行讲解,主要使用HTTP/1.1版本. HTTP协议用于客户端和服务器端之间的通信 通过请求和响应的交换达成通信(从客户端开始建立通信,服务器端在没有接收到请 ...

  10. strncmp用法说明

    函数原型 int strcmp(char *str1,char * str2,int n) 功能 比较字符串str1和str2的前n个字符. 头文件 #include <string.h> ...