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基础及一般标签
HTML 内容 Hyper Text Markup Language 超文本标记语言(包含文本.表格.图片.声音.视频等,同时也是文档) HTML 元素指的是从开始标签(start t ...
- 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 ...
随机推荐
- 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 ...
- Android中Cursor类的概念和用法[转]
首页 > 程序开发 > 移动开发 > Android > 正文 Android中Cursor类的概念和用法 2011-09-07 0个评论 收藏 ...
- Android中的Handler介绍
一.Handler的定义: 主要接受子线程发送的数据, 并用此数据配合主线程更新UI. 解释: 当应用程序启动时,Android首先会开启一个主线程 (也就是UI线程) , 主线程为管理界面中的UI控 ...
- centos环境下如何导出数据库
MySQL数据库的导入导出可以用数据库备份工具mysqldump mysqldump工具是mysql自带的一个非常方便的一款小工具,存在mysql安装目录的/usr/local/mysql/bin ( ...
- HALCON机器视觉软件
HALCON是德国MVtec公司开发的一套完善的标准的机器视觉算法包,拥有应用广泛的机器视觉集成开发环境.它节约了产品成本,缩短了软件开发周期——HALCON灵活的架构便于机器视觉,医学图像和图像分析 ...
- OpenNIDataGet 获取点云数据
运行后,采集的数据保存到:E:\OpenCVData目录下的color和depth文件夹下.接下来要求参数:内参 外参 这些参数最好优化后使用精度高 如何得到+保存格式 yaml 保存文件格式: 1. ...
- 年年岁岁花相似,岁岁年年人不同。——linux课程初探
写在前面 记得大约两年以前第一次学习linux,当初的目的还仅仅是学习操作系统,后来慢慢开始写linux内核代码,慢慢学会重构与代码的维护.在娄老师课上感觉这些工具是如此亲切和熟悉,没错这些曾经被我抛 ...
- centos安装mysql,tomcat
软件下载: jre和jdk下载:http://www.oracle.com/technetwork/java/javase/downloads/java-archive-downloads-javas ...
- Android-Activity横竖屏切换不杀死Activity 并监听横竖屏切换
在上一篇博客,Android-Activity临时数据的保存,中讲解到,当发生横竖屏切换的时候,系统会杀死Activity并重新启动Activity 系统会杀死Activity 12-12 08:11 ...
- EasyUI combobox动态增加选择项
有需求需要动态的为combobox增加可选项,后来解决方案如下 html如下 <select id="workerList"></select> js 如下 ...