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. shiro 集成spring 配置 学习记录（一）

    首先当然是项目中需要增加shiro的架包依赖: <!-- shiro --> <dependency> <groupId>org.apache.shiro</ ...

  2. jedis的publish/subscribe[转]含有redis源码解析

    首先使用redis客户端来进行publish与subscribe的功能是否能够正常运行. 打开redis服务器 [root@localhost ~]# redis-server /opt/redis- ...

  3. extends注意事项

    属性可以在子类中被调用,而局部变量不可以

  4. Python使用日常

    #Python中文件夹和文件的判断import os My_Path = "/home/lpworkstudy/Gooddir/" #现在我们判断这个文件夹是否存在 #如果不存在, ...

  5. [GO]方法集

    指针变量的方法集 package main import "fmt" type Person struct { name string sex byte age int } fun ...

  6. ubuntu同时安装Qt4.8和Qt5.7[认真写每篇博客^-^]

    这是ubuntu默认安装(从apt安装)的路径和相关文件,建议编译安装到/opt目录下. 从APT安装的默认文件夹 以下是我的安装情况,配置为qt4.8为默认. 安装包或源码下载地址: qt4:htt ...

  7. boost::bind和boost::function使用示例

    C++11已支持bind和function,之前的不支持,但可以借助boost达到同样目的.看如下两段代码: 1) 创建HDFS目录 void hdfs::init() { if (0 == hdfs ...

  8. css3的那些高级选择器二

    在上个星期我介绍了css3的属性选择器,伪类选择器和结构伪类选择器,今天楼主继续把其它的css3选择器说完. 在css3中,共有11中UI状态伪类选择器,分别是E:hover,E:active,E:f ...

  9. 使用JavaScript获取CSS伪元素属性

    我们可以通过DOM元素的 style 属性获取基本的CSS样式值, 但怎么获取CSS伪元素属性呢? 如下 // 获取 .element:before 的 color 值 var color = win ...

  10. Javascirpt 常见的误区

    var foo = new Object(); var bar = new Object(); var map = new Object(); map[foo] = "foo"; ...