html语言

HTML基础

僤鯓⒐⒋嵵緔 提交于 2020-02-24 23:07:22
HTML基础 HTML概述 HTML(超文本标记语言,Hyper Text Markup Language) 万维网联盟(World Wide Web Consortium,简称W3C HTML文档结构 HTML由 组成 元素:以开始,以结束,所有内容都需要放到这两个标签之间 元素:不包含页面的主题内容 title元素 meta元素 对页面的设置,通过http-equiv属性进行指定 对搜索引擎的设置,通过name属性进行指定 script元素 style元素 … 元素:包括 内容标题 , 文本修饰 , 特殊字符 内容标题 : 文本修饰 : … 特殊字符 : 空格(&nbsp),&号(&amp),双引号(&quot) HTML是一种纯文本文件,以“.htm”或“.html“结尾 HTML的基本组成单位是元素,语法结构如下: <标签> ​ 内容 </标签> URL简介 URL(Uniform Resource Locator,统一资源定位器),URL是Internet上标准的资源地址,又称为网址 URL保护三个关键部分:协议,主机地址和文件路径 https:// tieba.baidu.com / index.html [协议] [主机地址] [文件路径] 绝对路径是指一个完整的路径 https://tieba.baidu.com/index.html 相对路径比绝对路径更加简洁

HTML学习笔记

霸气de小男生 提交于 2020-02-24 20:18:29
一、HTML简介** 1.HTML是什么? HTML:Hyper Text Markup Language超文本标记(标签)语言 由多种标签组成,用来制作网页,告浏览器该如何显示页面 2.HTML语言的作用? 制作网页,控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息,实现交互 3.版本 W3C:World wide web consortium万维网联盟,制定WEB技术相关标准和规范的组织,HTML就是由W3C制定的 标准 两个版本:HTML4.0和HTML5.0 官网:https://www.w3school.com.cn/ 4.HTML后缀名----扩展名 HTML文件的扩展名 是以.html或.htm来结尾 二、HTML文档的结构 1.基本结构 1.1 简介 HTML标签是由尖括号括起来的关键,如 ,通常都是成对出现的,如 以 为根标签,包含: 头部和 主体部分 头部提供关于网页的相关信息,如标题、字符编码、文档类型、关键等摘要信息 主体部分提供网页的具体内容,真正显示在页面中 合理的进行缩进 标签名不区分大小写,但一般习惯用小写 1.2开发工具 记事本notepad sublime notepad++ Dreamweaver VScode Webstorm等 使用步骤: 新建文件(ctrl+N),然后保存(ctrl+S)

第五十九节,模拟浏览器请求Python结合html基本格式

谁说胖子不能爱 提交于 2020-02-24 13:59:14
模拟浏览器请求Python结合html基本格式 用Python模拟一个客户端,结合打开一个HTML页面 创建客户端 #!/usr/bin/env python # -*- coding:utf8 -*- import socket #导入单线程通讯模块 def handle_request(client): buf = client.recv(1024) client.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf8")) #向客户端发送内容,以字节形式发送 f = open("1.html", "r", encoding="utf-8") #打开HTML文件 f2 = f.read() #读出HTML文件内容 f.close() #关闭打开的文件 client.sendall(bytes(f2,"utf8")) #将读出HTML文件内容向客户端发送内容,以字节形式发送 def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) #创建服务端通讯对象 sock.bind(('localhost',8082)) #在服务端设置服务端ip和端口8 sock.listen(5) #监听IP和端口,设置一个参数,表示最多连接排队数量 while True:

HTML学习笔记

爷,独闯天下 提交于 2020-02-24 12:41:31
一、HTML简介 1.HTML是什么? HTML:Hyper Text Markup Language超文本标记(标签)语言 由多种标签组成,用来制作网页,告浏览器该如何显示页面 2.HTML语言的作用? 制作网页,控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息,实现交互 3.版本 w3c:World wide web consortium万维网联盟,制定WEB技术相关标准和规范的组织,HTML由W3C制定的标准 两个版本:HTML4.0和HTML5.0 官网:https://www.w3school.com.cn/ 4.HTML后缀名-----扩展名 HTML文件的扩展名是以.html或.htm来结尾 二、HTML文档的结构 1.基本结构 1.1 简介 HTML标签是由尖括号括起来的关键,如,通常都是成对出现的,如 以为根标签,包含:头部和主题部分 头部提供关于网页的相关信息,如标题、字符编码、文档类型、关键等摘要信息 合理的进行缩进 标签名不区分大小写,但一般习惯用小写 1.2 开发工具 记事本notepad sublime notepad++Dreamweaver VScode Webstorm等 使用步骤: 1.新建文档(ctrl+N),然后保存(ctrl+s),指定扩展名为.html(代码无颜色提示) 2.编写HTML文件

HTML 教程- (HTML5 标准)

大兔子大兔子 提交于 2020-02-24 10:50:37
HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。 在本教程中,您将学习如何使用 HTML 来创建站点。 HTML 很容易学习!相信您能很快学会它! HTML 实例 本教程包含了数百个 HTML 实例。 使用本站的编辑器,您可以轻松实现在线修改 HTML,并查看实例运行结果。 注意: 对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> 尝试一下 » 点击 "尝试一下" 按钮查看在线实例 HTML文档的后缀名 .html .htm 以上两种后缀名没有区别,都可以使用。 开始学习HTML! HTML 实例 在 HTML

Dojo 1.6 最新官方教程: Hello Dojo!

风格不统一 提交于 2020-02-24 08:56:14
Hello Dojo 作者: Sam Foster 译者: ZhuXiaoWen 原文: http://dojotoolkit.org/documentation/tutorials/1.6/hello_dojo/ 欢迎使用 Dojo! 在本教程中,我们将从最基础的部分——一个简单的 HTML 页面开始。当本教程结束的时候,我们就已将 Dojo 加载到页面中,并且开始使用一些核心函数了。为了给您提供更为丰富的学习体验,我们还将简单介绍 Dojo 的模块化架构,并讨论如何载入依赖模块。 难度:初学者 Dojo 版本: 1.6 让我们开始吧~ 我们的起点是一个如下所示的简单 HTML 页面。我们希望在这个页面里添加一些代码来证明 Dojo 已经成功加载。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Tutorial: Hello Dojo!</title> <!-- load Dojo --> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"></script> </head> <body> <h1 id="greeting">Hello</h1> </body> </html> 这很简洁,不是么?我们在

使用html和css的一些经验

本小妞迷上赌 提交于 2020-02-24 00:12:27
1.注释须知:html中注释不能这样写:   <div></div><!--------这是错误写法------->   <div></div><!--=======这是正确写法========-->   这种写法,FF中会忽略其下面的内容.   2.CSS注释切记在/*之后及*/之前空一格,否则在有些语言中会出问题,正确写法:   #div{style}/* 注释前后要空格 */   3.最简单区分IE与FF的HACK写法   #layer{   padding-top:20px;/* FF中定义 */   *padding-top:10px;/* IE中定义 */   }   4.空div在IE(FF中没有)是有默认高度的,可以用定义:   div{ witdh:100%; background:#9c0; ling-height:0}   的方式去掉默认高度.   5.按钮按下时立体感效果:   a:hover{ position:relative; top:1px; left:1px}/* 切记一定要是相对定位 */   6.关闭当前页面代码:   <div onclick="window.close();">关闭当前页面</div>   7.整站变灰代码(加到样式表中):   html{ filter:progid:DXImageTransform.Microsoft

对HTML的大致了解

依然范特西╮ 提交于 2020-02-23 10:51:28
  HTML的全称是Hyper Text Markup Language(超文本标记语言),是一种标记语言。其中,HTML文档一个重要的、广泛使用的标准HTML4.01是在1999年12月24日由W3C组织发布的。   HTML的发展历史“比较复杂”,因为HTML太“随意”了,而各种负责解析HTML的浏览器之间存在一些差异,导致HTML给人的感觉比较混乱,因此在2000年W3C组织制定了更严格、更纯净的XHTML(扩展的超文本标记语言),希望逐步取代原有的HTML。   HTML不规范的地方在于即使标签没有正确结束,使用浏览器浏览该文档时仍可以看到浏览效果。而XHTML致力于消除这种不规范,XHTML要求HTML文档首先必须是一份XML文档,且XHTML可以被所有的支持XML的设备读取。   XML文档是一种结构化标签,有以下4条基本规则: 整个文档有且仅有一个根元素 每个元素都由开始标签和结束标签组成,除非是空元素语法(例如<br/>,在最后进行补充说明) 元素与元素之间应合理嵌套 元素的属性必须有属性值,而且属性值应该用引号引起来。   无论是HTML4.01还是XHTML,它们都有严格的标准规范,但实际上很少有HTML页面完全遵守该规范,在这样的背景下,WHATWG(Web超文本应用技术工作组)制定了一个新的标准HTML 5。到2008年,WHATWG的努力被W3C组织认可

前端之--DOM详解应用

若如初见. 提交于 2020-02-23 03:52:53
文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容。 一、查找元素 1、直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByName 根据name属性获取标签集合 document.getElementsByClassName 根据class属性获取标签集合 document.getElementsByTagName 根据标签名获取标签集合 2、间接查找 parentNode // 父节点 childNodes // 所有子节点 firstChild // 第一个子节点 lastChild // 最后一个子节点 nextSibling // 下一个兄弟节点 previousSibling // 上一个兄弟节点 parentElement // 父节点标签元素 children // 所有子标签 firstElementChild // 第一个子标签元素 lastElementChild // 最后一个子标签元素 nextElementtSibling //

学习记录——HTML

时光怂恿深爱的人放手 提交于 2020-02-22 17:59:13
HTML :最基础的网页开发语言。 超文本:用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。 标记语言:由标签构成的语言。标记语言不是编程语言。 标签分为 : 围堵标签:有开始标签和结束标签。如<html></html> 自闭和标签:开始标签和结束标签在一起。如<br/> 标签学习 : 文件标签:构成html最基本的标签 html:html文档的根标签 head:头标签,用于指定html文档的一些属性。引入外部资源 title:标题标签 body:体标签 <!DOCTYPE html>:html5中定义该文档是html文档 文本标签:和文本有关的标签 注释:<!- -注释内容 - ->。 <h1> to <h6>:标题标签。 <p>:段落标签。 <br>:换行标签。 <hr>:展示一条水平线。 <b>:粗体显示。 <i>:斜体显示。 <font>:字体 图片标签:<img src=" "> 属性src:指定图片的位置。(相对路径:./代表当前目录。../代表上一级目录) 列表标签: 有序列表:<ol><li>某项列表内容</li></ol> 无序列表:<ul><li>某项列表内容</li></ul> 利用type属性改变列表展示样式。 链接标签:定义一个超链接。<a></a> 属性href:指定访问资源的URL。 属性target:指定打开链接的方式。_self默认值