html语言 | 易学教程

笔记

阅读更多关于笔记

预备内容：软件安装 1.安装笔记工具————typroa 文件名：基本文件名。扩展名 2，截图工具安装 3，sublimes————无需安装解压将解压后的文件剪切到C盘创建桌面快捷方式# HTML 一，HTML简介： 1，HTML是什么？ HTML ：hyper text markup language从外部标签语言。各种标签组成，用来制作网页，告诉浏览器如何显示。 2，作用制作网页，控制网页和内容的显示插入图片，音乐，视频动画等多媒体通过链接检索信息使用表单获取用户数据，实现互通 3，HTML 版本 W3C：World Wide web consortium 互联网联盟，制定web技术的相关标准和规范的组织，HTML就是由W3C制定的标准两个版本：HTML4.0.1，HTML5.0——常称h5 官网：https://www.w3school.com.cn 4，扩展名 HTML文件的扩展名是以html或htm结尾 eg:hello.html —typoa <head> <title>第一个HTML学习</title> <meta charset = "UTF-8"> </head> <body> 欢迎学习HTML网页技术！ </body> 二.HTML 文档结构 1，基本结构 1.1简介 html标签是由尖括号的关键词，如，通常标签都是成对出现的

前端面试题八

阅读更多关于前端面试题八

一、doctype(文档类型) 的作用是什么？ doctype使浏览器按照dtd指定的渲染方式对页面进行渲染 Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。 HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。 <!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准二、浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mode）和怪异模式 (quirks mode) 之间的区别是什么？所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略DTD声明,将使网页进入怪异模式(quirks mode)。几乎标准模式（almost standards

GitHub上整理的一些工具

阅读更多关于 GitHub上整理的一些工具

技术站点 Hacker News：非常棒的针对编程的链接聚合网站 Programming reddit：同上 MSDN：微软相关的官方技术集中地，主要是文档类 infoq：企业级应用，关注软件开发领域 OSChina：开源技术社区，开源方面做的不错哦 cnblogs，51cto，csdn：常见的技术社区，各有专长 stackoverflow：IT技术问答网站 GitHub：全球最大的源代码管理平台，很多知名开源项目都在上面，如Linux内核， OpenStack等免费的it电子书： http://it-ebooks.info/ DevStore:开发者服务商店不错的书籍人件人月神话代码大全2 计算机程序设计艺术程序员的自我修养程序员修炼之道高效能程序员的修炼（成为一名杰出的程序员其实跟写代码没有太大关系）深入理解计算机系统软件随想录算法导论（麻省理工学院出版社）离线数学及其应用设计模式编程之美黑客与画家编程珠玑 C++ Prime Effective C++ TCP/IP详解 Unix 编程艺术《精神分析引论》弗洛伊德搞定：无压力工作的艺术平台工具（都是开源的好东东哦） Redmine/Trac：项目管理平台 Jenkins/Jira(非开源)：持续集成系统（Apache Continuum，这个是Apache下的CI系统，还没来得及研究）

HTML 4 / 5 定义

阅读更多关于 HTML 4 / 5 定义

标签描述 4: 指在HTML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素  定义注释 4 5 <!DOCTYPE> 定义文档类型 4 5 <a> 定义超链接 4 5 <abbr> 定义缩写 4 5 <acronym> HTML 5 中不支持 4 <address> 定义地址元素 4 5 <applet> 定义 applet（HTML 5 中不支持） 4 <area> 定义图像映射中的区域 4 5 <article> 定义 article 5 <aside> 定义页面内容之外的内容 5 <audio> 定义声音内容 5 <b> 定义粗体文本 4 5 <base> 定义页面中所有链接的基准URL 4 5 <basefont> HTML 5 中不支持，请使用CSS 代替 4 <bdo> 定义文本显示的方向 4 5 <big> 定义大号文本（HTML 5 中不支持） 4 <blockquote> 定义长的引用 4 5 <body> 定义 body 元素 4 5 <br> 插入换行符 4 5 <button> 定义按钮 4 5 <canvas> 定义图形 5 <caption> 定义表格标题 4 5 <center> 定义居中的文本（HTML 5 中不支持） 4 <cite> 定义引用 4 5 <code> 定义计算机代码文本 4 5 <col>

html笔记

阅读更多关于 html笔记

预备内容：软件安装篇记笔记的工具—typroa 注释：Ctrl+/ 文件名：基本文件名.扩展名 Eg：SDN.docx 销售统计表.xlsx [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O8p1X6ri-1582897884104)(D:\静态网页\1582514353120.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RUwk4VbG-1582897884105)(D:\静态网页\1582514404194.png)] 2.截图工具的安装 ①Greenshot [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9c4ji2kM-1582897884106)(D:\静态网页\1582514439485.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oRz3HCr3-1582897884107)(D:\静态网页\1582514468586.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VpeB02Hx-1582897884107)(D:\静态网页\1582514484555.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UTzklu7A

第二周 HTML

阅读更多关于第二周 HTML

第二周 HTML 一 HTML概述 1. 含义：超文本标记语言，是网络web语言的基础，不区分大小写。 2. 特点：独立于平台，但存在缺点：不同浏览器的显示形式不一样等。 HTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签> HTML 元素包含了开始标签与结束标签，元素的内容是开始标签与结束标签之间的内容，元素属性是 HTML 元素提供的附加信息。基本 HTML 网页结构如下，body标签内的才是我们在浏览器上所视内容 3. 基本结构：<html>标记 <head>标记（首部标记） <title>标记（标题标记） <body>标记（正文标记）文字、图片、超链接等HTML元素都包含其中注意：这些标记符都是对称标签，需要成对存在，尾部用</...>来结束，Web页面其他内容都必须位于二者之间二 HTML元素概述 1 分类：HTML包含很多元素种类，不同种类承担不同的作用。HTML元素属性一般在开始标签中，以键值对表示。 ❀主窗体元素 <html> <title> <body> <head> 等对称标签 <META> 非对称标签（用来描述HTML文档自身信息） ❀字符风格控制元素 ❀版面控制元素 <p> </p> 段落 <img src="" alt="" title=""/> 图片【gif，png，jpg

CSS基础知识总结

阅读更多关于 CSS基础知识总结

文章目录 CSS概述 HTML中引入CSS样式的三种方式内联定义方式样式块方式引入外部独立的css文件列表样式 CSS样式的绝对定位 CSS概述什么是CSS，有什么作用？ CSS(Cascading Style Sheet): 层叠样式表语言。 CSS的作用是：修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。 CSS好比是HTML的化妆品一样。 HTML还是主体，CSS依赖HTML。CSS的存在就是修饰HTML，所以新建的文件还是xx.html文件。 HTML中引入CSS样式的三种方式内联定义方式 < ! doctype html > < html > < head > < title > HTML 中引入 CSS 样式的第一种方式：内联定义方式 < / title > < / head > < body > < ! -- width 宽度样式 height 高度样式 background - color 背景色样式 display 布局样式（none表示隐藏，block表示显示） -- > < div style = "width : 300 px ; height : 300 px ; background - color : # CCFFFF ; display : block ; border - color : red ;

html标签中meta属性使用介绍

阅读更多关于 html标签中meta属性使用介绍

前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ html的meta总结 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、name属性 name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meta标签的name属性语法格式是： <meta name="参数"content="具体的参数值">。其中name属性主要有以下几种参数：　 A、Keywords(关键字) 　说明：keywords用来告诉搜索引擎你网页的关键字是什么。举例： <meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"> B、description(网站内容描述) 说明：description用来告诉搜索引擎你的网站主要内容。举例： <meta name="description

html基础语言笔记

阅读更多关于 html基础语言笔记

01常用快捷键 ctrl+/ 等 02文本格式化标签 <strong>等 03图片标签 <img src="lzl.jpg" alt="" title="" /> 04超链接 ——绝对相对路径 05锚点 06列表列表快捷键 <ul> <li><a href=""></a></li> </ul> ul>li>a 然后按Tab键盘，就可以快速构建 <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> ul>(li>a)*3 然后按Tab键，就可以快速撰写 <ul> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> ul>(li>a[#])*3 然后按Tab键，就可以快速撰写 07音乐标签 <embed src="1.mp3" hidden="true"> <marquee behavior="slide" direction="up" height="300px" bgcolor="orange"><img src="swk.jpg" alt=""></marquee> ——（加图片） 08网页描述  <meta name=

HTML meat作用

阅读更多关于 HTML meat作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：　　 name 属性　　1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；　　2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；　　3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；　　4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；　　5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow"> 　　其中的属性说明如下

订阅 html语言