`
hubin4
  • 浏览: 96456 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

HTML-1-最最基础的东西

    博客分类:
  • HTML
阅读更多
01 js

html语言基础
HTML语言高级
CSS
JS
DOM对象模型编程
脚本编程技术汇总
正则表达式


了解HTML一些背景知识
HTML的全局架构标签
格式标签
文本标签
超链接标签
图象标签
图像地图

了解HTML一些背景知识
1 什么是HTML
2 HTML的规范和版本
3 IETF & W3C 组织

什么是HTML HYPERTEXT MARKUP LANGUAGE
成对的标签又称为容器,还可以嵌套其他标签
单独的标签又叫空标签<br>
一个HTML标签及标签里面的内容就是网页的一个'HTML元素'
标签属性的设置格式 属性名=属性值
属性值可以用 单引号 双引号 或不用任何引号

浏览器可以打开两种HTML文件
1 本地DISK
2 通过HTTP协议到 WWW 服务器上取得 HTML
两个效果是一样的

浏览器 看见 <> 就依照一些规范 显示了
---------
浏览器的厂商很多,
有的厂商为了显示某些特殊效果,定义可以识辨
一些特殊的<>,这些TAG就是 方言了,
必须要有个规范才好

最早是IETF定的[Internet Engineering Task Force]
后来交给W3C,
HTML 4.01 是终结版
要被XHTML替代

IETF是WEB最牛的制定者
他们发出的标准[requests for comments]
RFC2616(HTTP/1.1)
RFC1521(MIME)

W3C world wide web consortium
1994
http://www.w3c.org
W3C有对WEB标准的生杀大权
HTML CSS都是他定的
[只是显示,传输等是IETF定的]

=======

http://www.ietf.org/

RFC Pages

RFC Index(Text)

在上面里 Ctrl + F 找需要的东西
===============

http://www.w3.org/

.. or view all

============

02 js

基本的HTML
<html>
<head>
<title>this is title</title>
</head>

<body>
this is body!
</body>
</html>

先弄个*html文件
查看 源文件
编辑 保存
F5刷新

很多tag 都会有 class name id style 等属性
N多N多属性,脑子有问题的人会去记

我没有问题,我知道N多IDE都会提供属性给我们的
VS啊 IDEA等等
看到一个好单词:generator
颜色设置有两种表示方式:
#FF0000
red
======
说一下
在<html>上有一条
<!DOCTYPE HTML PUBLIC "-....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是好习惯,说明我的这个是什么文档
而且按照了什么规范,XML都知道吧..就这个道理了
而且,这个DOCTYPE还告诉了你到哪里去找这个规范
而且,有了这个,IE等就可以更加精确的显示你这个文档了
而且,如果没有这个DOCTYPE的文档,W3C已经把它定位非法文档了
<html xmlns="http://www.w3.org/1999/xhtml">

-------
(Document Type Definition ,DTD)
<!DOCTYPE html PUBLIC "version name" "url">
1 html 指定文档的类型
2 PUBLIC 表明所依据的DTD的公开,如果是内部公司的 SYSTEM
3 version name
   对于ISO标准的DTD以'ISO'三个字母开头;
   被改进的非ISO标准的DTD以加号'+'开头
   未被改进的非ISO标准的DTD以减号'-'开头
4 url 指定这DTD在internet上的位置

====================
03 js

注释与特殊字符

<!-- -->

<!--====浏览器会忽略这些 ====-->
<!--====不要嵌套哦 ====-->

特殊字符

&#169; 数值码方式[不好记]
&copy; 引用实体
&trade;
.....
&lt;
&gt;
&amp;
&quot;
&reg;
&copy;
&trade;
&nbsp;

讲讲有趣的东西
为什么需要 &quot; ?
比如一个tag
用了一个class属性 名字是 a空格b
<tag class=a b >这样写 IE以为你的值就是a,b是另一个属性名了
<tag class="a b" > 这样是可以的

假如属性名里有引号呢? a引号b
<tag class=a"b > 不可以
<tag class="a"b" > 不可以
<tag class='a"b' > 可以

现在有个人把那个 class 属性值 设置为 'a'b"c
<tag class='a'b"c > 不用引号不可以
<tag class=''a'b"c' > 用单引号不可以
<tag class="'a'b"c" > 用双引号不可以
<tag class="'a'b&quot;c" > 只有这样才可以

但是实际上不会有人把 class 的名字叫这样的
分享到:
评论

相关推荐

    大优惠dhtml-html-css-javascript-dom帮助文档五合一

    内含:HTML5参考手册.chm(最全的一个) CSS参考手册.chm JavaScript参考手册.chm jQuery1.11.0参考手册.chm(最新版本的jQuery手册) DHTML完全手册.chm CSS + JS合订版手册.chm 。。。 这些是我从事前端开发...

    HTML制作许愿墙-拖动东西放到许愿墙上

    在IT行业中,HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它与CSS(Cascading Style Sheets)和JavaScript一起构成了网页开发的基础。在这个项目中,“HTML制作许愿墙-拖动东西放到许愿墙上”...

    vue-html2pdf:vue-html2pdf可将任何vue组件或元素转换为PDF,vue-html2pdf基本上仅是vue包装器,并且在后台使用html2pdf.js

    vue-html2pdf将任何vue组件或元素转换为PDF,vue-html2pdf基本上只是一个vue包装器,在后台使用 。 目录 。 在Nuxt.js中使用 道具 大事记@beforeDownload的示例用例 投币口 分页符 指导 浏览器 入门 NPM 使用...

    html新手教程1,学习html的好东西

    本篇教程适合HTML新手,旨在帮助初学者入门并掌握HTML基础。 在开始学习HTML之前,我们需要了解HTML文档的基本结构。一个标准的HTML文档由以下几部分组成: 1. `&lt;html&gt;`元素:这是HTML文档的根元素,包含了整个...

    CSS完全自学手册--------好好好东西

    本手册旨在为初学者提供一个全面的指南,帮助他们掌握CSS的基本概念、语法以及高级技巧。通过学习,你可以创建美观、响应式的网页,并实现对网页元素的精确控制。 **一、CSS基础** 1. **CSS语法**:CSS通过选择器...

    html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片

    在使用html2canvas之前,先了解一下其基本属性和使用方法是十分必要的。html2canvas接受一个HTML元素作为参数,这个元素可以是整个页面,也可以是页面的一部分。通过调用html2canvas()函数,并传入对应的HTML元素,...

    j2ee笔记--很有用的东西

    1. **Servlet**:Servlet是Java中处理HTTP请求的服务器端组件,它是J2EE的基础,用于接收并响应来自客户端的请求,提供动态内容。 2. **JSP(JavaServer Pages)**:JSP是Servlet的一种简化形式,它允许开发者在...

    HTML+CSS基础知识点.pdf

    1. HTML 是网页内容的载体,内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS 样式是表现,所有这些用来改变内容外观的东西称之为表现。JavaScript 是用来实现网页上的特效效果...

    是RuoYi-fast.zip在基础上加了些东西

    标题中的“RuoYi-fast.zip在基础上加了些东西”暗示了这可能是一个基于RuoYi-fast项目进行了一些自定义或改进的版本。RuoYi-fast是一个流行的企业级后台管理系统,通常基于SpringBoot框架构建,用于快速开发管理类...

    vue-cli生成的基本项目

    描述中的"最基本的东西"可能包括以下内容: 1. **项目结构**:Vue CLI生成的项目通常包含以下目录和文件: - `src/`:源代码目录,包括`assets/`(存放静态资源),`components/`(组件),`router/`(路由),`...

    论坛弹幕播放器(DZ测试可用,可以简单修改移植到PHPwind)

    首先,这个插件并不是傻瓜式安装的,很多东西需要自己去调试,以下只给有一定基础的人,所以纯伸手党就不用看了 申明: 弹幕的接收和发送的最初源码来自此贴:http://www.discuz.net/thread-2499499-1-1.html 注: ...

    HTML-front-end--project:具有大量CSS和JavaScript的样式化页面,使页面具有动态性和吸引力

    该项目是针对初学者的,这些网页只是使用基本的前端技术来设计的。 它包含以下模块:-&gt;登录-(管理员和用户)-&gt;注册-&gt;检查PNR状态-&gt;取消票证-&gt;反馈-&gt;关于我们-确保更改此页面的内容,您可以在此页面进行改进在这...

    HTML-CSS-Projects

    我唯一用于样式的东西是基本CSS。 主要目标是: 学习HTML样板 学习基础HTML元素及其一些属性 用HTML练习CSS 02-个人网站v2项目 该项目是“个人站点项目”的版本2。 在这个项目中,我了解了更多有关使HTML的结构...

    好东西html标签速查

    ### 好东西HTML标签速查:全面解析与应用 #### 概述 HTML,即超文本标记语言,是用于创建网页的标准标记语言。通过HTML,我们能够构建和设计网络上的文档,它允许我们添加结构、样式以及交互性。本文旨在提供一个...

    html的好东西

    标题中的“html的好东西”可能是指一个关于HTML的实用工具或教程,而“exe”通常指的是Windows操作系统下的可执行文件。结合描述中的“需要有汇编语言的基础才可以看下了”,我们可以推测这可能是一个使用HTML与汇编...

    一整套asp,商城系统----绝对好东西

    ASP(Active Server Pages)是一种由微软开发的服务器端脚本环境,用于生成动态网页或Web应用程序。这个"一整套asp,商城...对于新手而言,尽管ASP可能不是最新的选择,但它仍然能够帮助理解Web开发的基本概念和流程。

    RC6502-Apple-1-Replica:Apple 1计算机的SBC版本可扩展,易于上手,并且可以添加很多很棒的东西!

    再加上对旧机器的热爱,我将永远无法拥有它,而缺少的实际知识使我无法做到,而是开始寻找关于事物如何在更基本的水平上运行的书籍。 似乎有人,当然是Tow Owad,写了一本名为“ Apple 1复制副本创建,回到车库”...

    Apache-Tomcat-8.5.5(Linux )

    NIO是reactor模式,平常说的基本是只这个,比如说典型的Netty便是NIO扩建。NIO2则不同,是preator模式,是async io。async io是指client端只需提交请求,由操作系统来负责在事件就绪后回调应用逻辑。事实上,目前...

    设计模式:可复用面向对象软件的基础--详细书签版

     本书结合设计实例从面向对象的设计中精选出23个设计模式,总结了面向对象设计中最有价值的经验,并且用简洁可复用的形式表达出来。本书分类描述了一组设计良好、表达清楚的软件设计模式,这些模式在实用环境下特别...

Global site tag (gtag.js) - Google Analytics