HTML基础及一般标签
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
空格，快捷键：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基础及一般标签的更多相关文章
- iOS系列 基础篇 06 标签和按钮 (Label & Button)
iOS系列 基础篇 06 标签和按钮 (Label & Button) 目录: 标签控件 按钮控件 小结 标签和按钮是两个常用的控件,下面咱们逐一学习. 1. 标签控件 使用Single Vi ...
- Bootstrap<基础二十> 标签
Bootstrap 标签.标签可用于计数.提示或页面上其他的标记显示.使用 class .label 来显示标签,如下面的实例所示: <!DOCTYPE html> <html> ...
- HTML基础：<a>标签 编写个人收藏夹
编写个人收藏夹 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t ...
- JavaScript基础插曲—获取标签，插入元素，操作样式
Js基础 1:document.write() 这个是动态创建元素内容,利用js.这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别 ...
- 【HTML】 HTML基础知识 一些标签
额..是这样的,去年为了学习web框架,自己开发了一个zbx配置管理的二次开发系统,当时从零开始接触web开发,也第一次接触到了前端的一些知识.其中最基础的就是html/css了.我把那部分笔记整理上 ...
- HTML基础篇（标签和属性整--已剔除不被浏览器支持的部分）
行内元素有:a b span img input select strong 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p HTML 参考手册- (HTML5 标 ...
- css的基础用法之标签选择
一.css的4种引入方式 #.内联式 <p style="color: red;font-size: 50px;text-align: center">Egon是一个非 ...
- css基础 引用方式 标签选择器 优先级 各式布局
今天讲的css基础,了解了css即层叠式表,是美化网页,控制页面的样式. 样式表引进网页的3种方式1内联式,语法例子:<div style="width: 100px;height: ...
- 前端基础：HTML标签(下)
前端基础HTML标签(下) 1.表单 表单的功能主要用于向服务器传输数据,从而实现客户端与Web服务器的交互.表单能够包含input系列标签,比如:文本字段.复选框.单选按钮.提交按钮等:表单还包含t ...
随机推荐
- 给VIM安装插件。让ubuntu的vim强大起来
简易安装方法: 打开终端,执行下面的命令就自动安装好了: wget https://raw.github.com/ma6174/vim/master/setup.sh -O ma6174_vim_se ...
- Eclipse如何解决启动慢
一般在不对eclipse进行相关设置的时候,使用eclipse总是会觉得启动好慢,用起来好卡,其实只要对eclipse的相关参数进行一些配置,就会有很大的改善. 加快启动速度 1.在eclipse启 ...
- IOS
网上课程:http://www.zhijieketang.com/ edu.51cto.com 码云:http://git.oschina.net/名字 Gesture:https://www.osc ...
- MVC PageList使用（异步 与 正常）
此项目的功能为1.将数据分页显示,2.搜索数据按分页显示 3.异步或同步传递 一.第一步引用 mvc PageList插件 二.控制器写法 ) //为空则默认第一页 { var lm = DataBL ...
- ORACLE临时表总结（转载）
转载地址:http://www.cnblogs.com/kerrycode/p/3285936.html 临时表概念 临时表就是用来暂时保存临时数据(亦或叫中间数据)的一个数据库对象,它和普通表有些类 ...
- mysql连接数设置操作（Too many connections）
mysql在使用过程中,发现连接数超了~~~~ [root@linux-node1 ~]# mysql -u glance -h 192.168.1.17 -pEnter password: ERRO ...
- Mysql备份系列（1）--备份方案总结性梳理
mysql数据库备份有多么重要已不需过多赘述了,废话不多说!以下总结了mysql数据库的几种备份方案: 一.binlog二进制日志通常作为备份的重要资源,所以再说备份方案之前先总结一下binlog日志 ...
- NOI2018准备Day3
noip2016成绩出来了,199,268名 noip2017需要考过6个女生才能进省队,不包括明年会突然跳出来的大神...... 今天晚上玩了一晚上,做了2道题. 这事儿只干今晚一次
- windows mysql提示：1045 access denied for user 'root'@'localhost' using password yes 解决方案
win7 MySql5.6.17提示:1045 access denied for user 'root'@'localhost' using password yes 从网上找到的解决方法,以此博客 ...
- flask+sqlite3+echarts2+ajax数据可视化--静态图
结构: /www | |-- /static | | | |-- echarts.js(当然还有echarts原dist目录下的文件(夹)) | |-- /templates | | | |-- in ...