入门HTML的回顾,小总结
1.HTML(是一种超文本标记语言 Hypertext Markup Language),HTML不是一种编程语言,而是一种标记语言,描述网页的语言,HTML是由一套标记标签(markup tag)组成
java 是编程语言
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body></body> </html>
01.DOCTYPE声明
(1)Strict(严格类型):这种声明完全符合W3C的标准,但要求比较严格,对应的声明为:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml-strict.dtd">
(2).Transitional(过渡类型):也称松散(loose)声明。相比Strict而言,要求相对宽松一些,对应的声明w为:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(3).Frameset(框架类型):Strict声明中不允许使用框架,当页面中需要使用框架时,则使用该声明。对应的声明为:
<!DOCTYPE PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
(4).<meta>标签
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
其中,属性“http-equiv” 提供 “名称/值”中的名称,“content”提供“名称/值”,HTML代码的含义如下。
>名称:Content-Type(文档内容类型)。
>值:text/html;charset=gb2312(文本类型的html类型,字符编码为简体中文),charset表示字符集编码(是很重要的,防止出现乱码)。常用的编码有一下几种。
★ gb2312:简体中文,一般用于包含中文和英文的页面。
★ ISO-885901:纯英文,一般用于只包含英文的页面。
★ big5:繁体,一般用于带有繁体字的页面。
★ utf-8:国际性通用的字符编码,同样适用于中文和英文的页面。
<p>标签是一个内容标签,而<table>标签是结构标签,不允许将<table>标签置于<p>标签内部。将<p>标签置于<td></td>之间,则完全正确。
标题标签:<h1>~<h6>,<h1>字号最大,<h6>字号最小,
段落标签:<p>文本内容省略</p>
换行标签:<br/> 强制换行显示,没有结束标签,直接使用<br/>表示标签的开始和结束。
水平标签:<hr/> 表示一条水平线,没有结束标签。
字体样式标签:字体加粗的标签是<strong>……</strong>,斜体字的标签是<em>……</em>。
注释和特殊符号<!--注释内容-->
图像标签
☆ 常用的图像格式
后缀名分别有: .JPG .glf .Bmp .png
图像标签的基本语法
<img src="图片地址(图片路径)" alt="图像的替代文字" title=“鼠标悬停提示文字(当鼠标移至图片上时显示提示信息)” width=“图片宽度” height="图片高度">
链接标签:
超链接包含两部分内容:一是链接地址,即链接目标,可以是某个网址或文件的路径,对应为<a>标签的href属性;二是链接文本或图像,单击该文本或图像,将跳转到href属性指定的链接地址,超链接的基本语法如下:
<a href="链接地址" target=“目标窗口位置”>链接文本或图像</a>
>href:表示链接地址的路径。
> target:指定链接在哪个窗体打开,常用的取值有_self(自身窗体)、_blank(新建窗体)。
根据链接的地址是指向站外文件还是站内文件,链接地址有分为绝对路径和相对路径。
★站外使用 绝对路径:指向目标地址的完整描述,一般指向本站点外的文件。
例如:<a href="http://www.sohu.com/index.html">搜狐</a>。
★站内使用 相对路径 ,相对于当前页面的路径,一般指向本站点内的文件,所以一般不需要一个完整的URL地址的形式。、
例如:<a href="login/login.html">登录</a>表示链接地址为当前页面所在路径的“login”目录下的“login。html”页面。
站内使用相对路径时常用到两个特殊符号:“../”表示当前目录的上一级目录,“../../”表示当前目录的上上级目录。
例如:<a href="../web1.html">上级目录</a>
<a href="../../web1.html">上上级目录</a>
超链接的应用:
>页面间链接:A页到B页,
<p><a href="elearing/index.html" target="_blank">XXX</a></p>
<p><a href="elearing/courseList.html" target="_blank">XXX</a></p>
>锚链接:A页甲位置到A页的乙位置或A页甲位置到B页的乙位置。
>功能性链接:在页面中调用其他程序功能,如电子邮件,QQ ,MSN 等。
转载于:https://www.cnblogs.com/WuXuanKun/p/5598531.html
入门HTML的回顾,小总结相关推荐
- Linux基础入门篇知识回顾
Linux基础入门篇知识回顾 一.回顾书籍 二.基础知识 1.计算机基础知识 1.1计算机的特点及发展趋势 ①特点 ②发展趋势 1.2计算机系统组成 ①计算机硬件概念 ②计算机硬件各部分功能 ![在这 ...
- c语言如何输入汉字_C语言入门的第一个小程序
大部分程序员入门的第一个小程序都是Hello World,还记得当时大一的时候,我室友还特意为了这个发了个说说,现在想起来好有意思,哈哈好了废话不多说,直接干. (PS:如果学过自动忽略) #incl ...
- Jmeter Web 性能测试入门 (四):一个小实例带你学会 Jmeter 脚本编写
测试场景: 模拟并发100个user,在TesterHome 站内搜索VV00CC 添加线程组 添加HTTP信息头管理器 添加HTTP Sampler 填写HTTP Sampler中的信息 添加监听器 ...
- Cocos Creator入门实战:桌球小游戏
Cocos Creator入门实战:桌球小游戏 转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/90035153 本篇主要是希望能够通过C ...
- 入门系列之改进小波阈值降噪
1. 小波阈值降噪特点 近年来,小波理论得到了非常迅速的发展,而且由于其具备良好的时频特性,因而实际应用也非常广泛.在去噪领域中,小波理论也同样受到了许多学者的重视,并获得了比较好的效果. 小波去噪方 ...
- Cocos Creator游戏引擎可以支持鼠标吗_Cocos Creator入门实战:桌球小游戏
本文作者:BigBear 多年游戏行业研发经验 精通Unreal.CocosCreator游戏引擎 参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏 本篇主要是希望能够通 ...
- Cocos Creator入门实战:桌球小游戏
本文作者:BigBear 多年游戏行业研发经验 精通Unreal.CocosCreator游戏引擎 参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏 本篇主要是希望能够通 ...
- 微信小程序快速入门+四个实战小程序(一)——入门准备
一)系列达成目标介绍 二)小程序创建的准备 1)注册开发者账号 2)下载编译器 ------------------------------------------------------ 一)系列达 ...
- 乐鑫Esp32学习之旅 18 入门京东微联·小京鱼的控制面板H5开发,读懂vue语法,做自己的控制页面。
本系列博客学习由非官方人员 半颗心脏 潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...
- 微信小程序入门1--新建微信小程序页面
微信小程序入门1–新建微信小程序页面 在新建微信小程序后会自动生成一个DEMO实例,我们可以在实例中修改自己所需的内容,当内容过多时,实例中的页面不足以满足我们的需求,因此需要新建微信小程序页面. 本 ...
最新文章
- 干货|重磅发布:人工智能行业应用价值报告(PDF报告下载)
- hbase原理与实践_HBase 性能调优第一弹:内存篇
- flask Blueprint蓝图
- 42、谈谈你对闭包的理解?
- 反射调用private或internal构造函数
- axios delete有请求体吗_封装 axios 取消重复请求
- Quartz.NET 3.0 正式发布
- android int 首位值_Android应用视图的管理者Window
- c++函数返回值是一个引用
- 插件显示缩进_硬核,这 3 款 IDE 插件让你的代码牢不可破
- 使用代码形式配置Log4J日志框架
- 【转载】SpringMVC访问静态资源
- pycharm怎么做html网页_html下拉菜单怎么做
- ES6新语法之let关键字;有别于传统关键字var的使用
- Apache Shiro官方构架文档中文翻译
- 经常打电话的人用什么耳机好?通话质量好的蓝牙耳机推荐
- 数据库服务器到底是用机械硬盘还是固态硬盘
- git的项目创建和常用命令
- 医院“移动”不起来软肋在数据安全?
- 【拼多多笔试题】小熊战斗力
热门文章
- 网络营销(学习王宜的“赢在网络营销”)重点笔记01
- pm2常用的命令用法介绍
- Eclipse上GIT插件EGIT使用手册
- Docker 1.13 管理命令
- resultType 与resultMap 的区别
- 曾经遭遇的MyEclipse的bug
- JS Array.reduce 实现 Array.map 和 Array.filter
- 事半功倍的AI智能“同事” 天猫精灵新品全测评
- Linux下eclipse及mysql安装,c++访问mysql数据库
- Android多线程:这是一份全面 详细的线程池(ThreadPool)讲解教程