HTML简介及基本标记
HTML简介
HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
使用 HTML 语言可以: 控制页面和内容的外观 插入的链接检索联机信息 创建表单,收集用户的信息等等 插入动画 gif 开发帮助文件 .html <html>
标记语言:一种将文本以及与文本相关的信息结合起来,用特殊的标记进行标识来展现出文档的结构及其数据细节处理的文字编码。
HTML文档结构
<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<!--
META标记:1. 提供关于网页的信息2. 设置网页在缓存中的过期时间3. 禁用缓存
4. 自动刷新页面5. 说明网页所使用的编码字符集6. 说明网页所使用的语言
-->
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<!--HEAD的相关说明:<HEAD>标记中可以说明文档的一些公共属性(元数据),可以向浏览器发出指令-->
</head>
<body>
<!--<BODY>标记的一些属性:
alink:当前激活的超链接的文字颜色,默认为红色 link:超链接的文字颜色,默认为蓝色
vlink:浏览过的超链接颜色,默认为栗色 text:网页内文字的颜色,默认为黑色
bgcolor:网页的背景颜色 background:网页的背景图片-->
This is my HTML page. <br>
</body>
</html>
HTML标记的通用属性:id class style title
特殊字符和注释:> > < < 空格 "内容" 双引号 & &与符号
@copy; ©版权符 @reg; ® 注册商标 <!--注释-->
HTML标记的基本属性:align对齐属性(left,center,right)
常用标记:font(size、 face、 color等);color
图像:<IMG SRC="URL">
图像注意:1.Aling: top | bottom | middle | left | right(IMG标记的ALIGN属性可以用于调整图像相对于周围文本的对齐方式。)
2.文件路径:
I.绝对路径 完整的主机名、路径和文件名称
II.相对路径
相对于当前文件的路径 当前文件和目标文件位于同一路径,直接书写
当前文件和目标文件所在的文件夹平行,则路径格式为 文件夹/目标文件名
当前文件所在目录和目标文件的目录平行,则用 ../目标文件全称
字符级标记:
列表:
无序列表:UL>和<LI>可设置TYPE属性:disc | circle | square
有序列表:<OL>和<LI>可设置TYPE属性:1 | A | a | I | i
<a> 超链接: <a href="" target=""></a>
href属性的值代表目的地,用来指定访问者点击链接时会发生什么
TARGET:要链接到的窗口名称。
有如下几种选择: _blank 在新窗口中打开链接 _parent 在父窗口中打开链接 _self 在本窗口中打开链接 _top 在项层窗口中打开链接 自定义 名称在指定的窗口中打开链接
内部链接
外部链接
(练习:1.链接到其它文档2.链接到同一文档的各个部分3.链接到另一文档中某个特定位置(练习代码见文档尾部))
在HTML中插入:
插入GIF动画
插入声音
插入视频
<EMBED>(音频或视频)
HTML简介及基本标记的更多相关文章
- XML简介——可扩展标记语言(Extensible Markup Language)
(What) XML是什么? XML指可扩展标记语言(Extensible Markup Language) 1. XML是一种标记语言,类似HTML. 2. XML具有自我描述性 3. XML ...
- 1.前端笔记之html
title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀 **出处:http://w ...
- PF防火墙
PF防火墙 点击认领 PF防火墙 ( 全称:Packet Filter ) 是 UNIX LIKE 系统上进行 TCP/IP 流量过滤和网络地址转换的软件系统.PF 同样也能提供 TCP/ ...
- 传智博客(JavaWeb方面的所有知识)听课记录(经典)
一. JavaWeb基础 第一天: 1.Eclipse详解: (1).Bad versionnumber in .class file:编译器版本和运行(JRE)版本不符合.高的JRE版本 ...
- 网页制作之html基础学习1-简介
学习网页制作主要分为三大块 1.HTML 超文本标记语言( 全称:Hyper Text Markup Language) 专门编辑静态网页 2.CSS 网页美化:是HTML控制的样式 ...
- 尚学堂Java面试题整理
博客分类: 经典分享 1. super()与this()的差别? - 6 - 2. 作用域public,protected,private,以及不写时的差别? - 6 - 3. 编程输出例如以 ...
- xml概述(1)
本节要点: 标记语言的定义 XML简介 XML与HTML 比较 XML与数据库比较 XML的特点 XML结构 1 标记语言的定义 "XML.SGML.HTML"中的"ML ...
- [数据预处理]-中心化 缩放 KNN(一)
据预处理是总称,涵盖了数据分析师使用它将数据转处理成想要的数据的一系列操作.例如,对某个网站进行分析的时候,可能会去掉 html 标签,空格,缩进以及提取相关关键字.分析空间数据的时候,一般会把带单位 ...
- JVM性能优化, Part 3 垃圾回收
ImportNew注:本文是JVM性能优化 系列-第3篇-<JVM性能优化, Part 3 —— 垃圾回收> 第一篇 <JVM性能优化, Part 1 ―― JVM简介 > 第 ...
随机推荐
- vue分页
1.依赖文件 <link href="/css/index.css" rel="stylesheet" type="text/css" ...
- 面向对象(基础oop)之类与对象
大家好,我叫李京阳,,很高兴认识大家,之所以我想开一个自己的博客,就是来把自己所了解的知识点通过自己的话写一下,希望被博客园的朋友们点评和一起讨论一下,也希望从博客园中多认识一些软件开发人员!现在我开 ...
- 互联网轻量级框架SSM-查缺补漏第一天
简言:工欲其事必先利其器,作为一个大四的准毕业生,在实习期准备抽空补一下基础.SSM框架作为互联网的主流框架,在会使用的基础上还要了解其原理,我觉得会对未来的职场会有帮助的.我特意的买了一本<J ...
- myeclipse更改类或者是配置文件不用重启tomcat的方法
一.修改java代码(如action)无需重启与部署方法 方法1:在WebRoot下的META-INF文件夹中新建一个名为context.xml文件,里面添加如下内容(要区分大小写): <Con ...
- PAT 1021 Deepest Root
#include <cstdio> #include <cstdlib> #include <vector> using namespace std; class ...
- WinSock2 API
title: WinSock2 API tags: [WinSock, 网络编程, WinSock2.0 API, 动态加载, WinSock 异步函数] date: 2018-07-21 10:36 ...
- scss-@extend
@extend指令用于共享规则和选择器之间的关系.它可以扩展所有其他类的样式在一个类中,也可应用于自己特定的样式. 查看如下scss@extend示例: .style{ font-size: 30px ...
- mongodb 32为安装
启动命令:mongod --dbpath D:\MongoDB\data --logpath c:\MongoDB\log\mongod.log --journal 安装引擎: mongod --db ...
- GIS中的坐标系定义与转换
GIS中的坐标系定义与转换 青岛海洋地质研究所 戴勤奋 2002-3-27 14:22:47 ----------------------------------------------------- ...
- TortoiseGit客户端安装及使用(上传代码到git@osc
用TortoiseGit客户端之前要下载安装git http://git-scm.com/download/win 下载完安装完就可以了,之后好像就用不上了,全交给TortoiseGit客户端了 第一 ...