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. 380. Insert Delete GetRandom O(1) 设计数据结构：在1的时间内插入、删除、产生随机数

    ［抄题］: Design a data structure that supports all following operations in average O(1) time. insert(va ...

  2. 344. Reverse String 最基础的反转字符串

    ［抄题］: [暴力解法]: 时间分析: 空间分析: ［奇葩输出条件］: ［奇葩corner case］: ［思维问题］: 还停留在 i < len / 2的阶段,不行,应该是指针对撞问题了 ［一 ...

  3. linux系统中的单引号和双引号

    一.为什么用quoting 前面说到,命令行在内容上主要由literal(一般文字)和meta(元字符)组成,而meta又由IFS.CR和其他字符组成(如=,$, > 等),通常这些原元字符都有 ...

  4. ssh上外网

    https://www.cnblogs.com/leipei2352/archive/2011/07/21/2112274.html http://www.qijiannet.com/web/1332 ...

  5. HBase批量插入的简单代码

    由于项目需要从HBase里读取数据,进行MapReduce之后输出到HDFS中. 为了测试方便,我这里写了一个批量插入HBase数据的测试代码.采用的Maven工程. 打算,今后的所有用到的小测试例子 ...

  6. Spring Boot☞ 配置文件详解：自定义属性、随机数、多环境配置等

    自定义属性与加载 我们在使用Spring Boot的时候,通常也需要定义一些自己使用的属性,我们可以如下方式直接定义: application-dev.yml com.didispace.blog: ...

  7. [GO]panic的应用

    对于异常的处理,error表示的是不太致使的错误,但是如果遇到数组越界或者是空指针这种会导致程序崩溃无法恢复的错误时,就需要使用以panic了 我们不应该使用panic去报error的错误,而是只使用 ...

  8. Thinkphp 导出csv 先存储在服务器，然后输出链接下载

    public function exportQiandao() { // header("Content-type:text/html;charset=gb2312"); ini_ ...

  9. php 用csv文件导出大量数据初方案

    背景:接手的项目中支持导出一批数据,全数量在50W左右.在接手的时候看代码是直接一次查询MySQL获得数据,然后用header函数直接写入csv,用户开始导出则自动下载.但是,在全导出的时候,功能出现 ...

  10. mybatis_入门程序

    Mybatis入门 (一).程序环境 1.jar包 2.classpath目录下建立SqlMapConfig.xml. mybatis的配置文件.全部设置有如下 同时,数据库的参数可以用propert ...