html语言

CSS学习总结(一)

半世苍凉 提交于 2020-02-22 13:37:24
1.1什么是CSS Cascading Style Sheet 层叠级联样式表 CSS : 表现 (美化网页) 1.2css的格式 1.在html内 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Title </ title > <!-- 直接在html界面写css语言 在style中可以写css代码,每一个声明,最好使用;结尾 格式: <style> 选择器{ 声明1; 声明2; ..... } </style> --> < style > h1 { color : #f02a52 ; } </ style > </ head > < body > < h1 > 我是h1标签 </ h1 > </ body > </ html > 2.将css与html分开写 建议使用这种写法 css的优势: 1.内容与表现分离 2.网页结构统一,可以重复使用。 3.样式十分丰富 4.建议使用独立于html的css文件 5.可以使用SEO,便于搜索引擎搜索 3.将css导入方式 1.内部样式 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title >

HTML <select> 标签 创建单选或多选菜单

独自空忆成欢 提交于 2020-02-22 04:36:55
所有主流浏览器都支持 <select> 标签。 select 元素可创建单选或多选菜单。 <select&> 元素中的 <option> 标签用于定义列表中的可用选项。 提示:select 元素是一种表单控件,可用于在表单中接受用户输入。 属性 New: HTML5 中的新属性。 属性 值 描述 autofocus (5) autofocus 规定在页面加载后文本区域自动获得焦点。 disabled disabled 规定禁用该下拉列表。 form (5) form_id 规定文本区域所属的一个或多个表单。 multiple multiple 规定可选择多个选项。 name name 规定下拉列表的名称。 required (5) required 规定文本区域是必填的。 size number 规定下拉列表中可见选项的数目。 本例演示如何在HTML页面中创建简单的下拉列表框。下拉列表框是一个可选列表。 <html> <body> <form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select

html学习笔记(一)

跟風遠走 提交于 2020-02-22 00:48:50
认识网页 网页组成 由文字、图片、输入框、视频、音频、超链接等组成。 web标准 W3C组织(万维网联盟) Html (结构标准 ),相当人的身体。 Css 样式(表现)标准 , 相当与给人化妆 变的更漂亮。 Js 行为标准 , 相当与人在唱歌,页面更灵动。 浏览器内核 也就是渲染引擎(决定了浏览器如何显示网页的内容及页面的格式信息(兼容性问题) 认识html Hyper text markup language 超文本标记语言。超文本:超链接。(实现页面跳转) html结构标准 < !doctype html> 声明文档类型 <html> 根标签 <head> 头标签 <title></title> 标题标签 </head> <body> 主体标签 </body> </html> html标签分类 单标签 <! Doctype html> 双标签 <html> </html> <head></head> <title></title> Html标签关系分类 包含(嵌套关系) <head><title></title></head> 父子 并列关系 <head></head><body></body> 兄弟姐妹 开发工具 Dw 历史悠久,设计师使用。 Sublime 轻量级 有很多好用的插件。 Webstorm 重量级 太过智能。 标签 单标签 注释标签 <!-- 注释 -->

浏览器加载不上css,样式走丢

我怕爱的太早我们不能终老 提交于 2020-02-21 23:48:52
来自:http://www.cnblogs.com/crizygo/p/5466444.html 问题描述:使用eclipse修改样式文件,浏览器的页面一时显示一时不显示,最后直接没有加载最新的css样式代码,直接使用旧样式代码,清除了浏览器缓存,清除了eclipse缓存,以及切换不同的浏览器查看网页,都没有任何变化,一样的结果——不加载最新的css样式文件。 尝试解决方法:1、清除了浏览器缓存;2、清除了eclipse缓存;3、切换不同的浏览器查看网页。 最终解决方法:给css样式文件开头加上:@charset "utf-8";解决问题了。 -------------------------------------------------------------------------------------- 解决方法来源: 如果你的浏览器加载不上外联css(注意是全部加载不上,这里排除部分样式不兼容问题): 1.首先考虑是否css路径错误。 2.在样式最开始有写注释,而当中文注释中的汉字为奇数个数时,会与结尾的“*/”组合成合法字符,以至于注释不能及时关闭,这样后续样式全部被自动注释。 3.css文件中指定的编码与页面不统一,浏览器用页面编码解析css,自然会出错。我的IE更新到IE11时遇到了这个问题,html给的gb2312,css文件头给了的@charset"utf-8

HTML入门

坚强是说给别人听的谎言 提交于 2020-02-20 14:55:21
一、简介 1、前端开发最核心技术 我们知道,用所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。 (1)HTML是什么? HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。 (2)CSS CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS。 (3)JavaScript JavaScript是一门脚本语言。 、前端开发其他技术 前端技术最核心的是HTML、CSS和JavaScript,但是对于一个真正的前端工程师来说,哪怕你精通这三个,你也不能称为一个真正的“前端工程师”。因为前端技术除了HTML、CSS和JavaScript这三种,还需要学习Ajax、SEO等。 (1)Ajax Ajax,即“Asynchronous Javascript And XML(异步JavaScript和XML)”,是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

HTML 的简单了解

你说的曾经没有我的故事 提交于 2020-02-20 13:49:41
HTML概述 HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 —— 百度百科 HTML的全称为:Hypertext Marked Language,即超文本标记语言。 超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。 数据类型 超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值,包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。 常见实体 显示结果 描述 实体名称 实体编号 空格   < 小于号 < < > 大于号 > > & 和号 & & " 引号 " " ' 撇号 &apos; (IE不支持) ' ¢ 分 ¢ ¢ £ 镑 £ £ ¥ 日元 ¥ ¥ € 欧元 € € § 小节 § § © 版权 © © ® 注册商标 ® ® ™ 商标 ™ ™ × 乘号 × × ÷ 除号 ÷ ÷ 整体结构 一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名

(1)认识javascript

只谈情不闲聊 提交于 2020-02-20 07:56:12
认识javascript 在本篇学习资料中,讲解javascript的基本概念、编写工具、在html中的使用: JavaScript 是脚本语言, 这门语言可用于 HTML 和 web ,更可广泛用于服务器、 PC 、笔记本电脑、平板电脑和智能手机等设备。 Javascript作为一种可以给网页增加交互性的脚本语言。 JavaScript 的代码是一种文本字符格式,可以直接 插入 HTML 页面的文档中, 插入 HTML 页面后,并且可动态装载,由所有的现代浏览器执行。 Javascript是基于对象的,是一种基于对象和事件的驱动的编程语言,因而它本身提供了非常丰富的内部对象设计人员使用。( 几乎所有的浏览器都支持javascript,如:Internet Explorer浏览器、 firefox火狐浏览器、Opera浏览器等等) Html语言是静态的,一旦编写,内容是无法改变的。Javascript可以弥补这种不足,可以将内容动态地显示在网页中。 javascript的普遍作用是增强页面动态效果如:下拉菜单、图片轮播、信息滚动;JavaScript 能及时响应用户的操作(鼠标单击、按键盘),对提交表单做即时的检查,无需浪费时间交由 CGI 验证。 一、Javascript的特点: 1、 是一种解释性脚本语言: (非脚本语言编写的通常是需要经过编写---编译---链接--

HTML第一天

≡放荡痞女 提交于 2020-02-20 03:01:41
<html> <body> 这是html的默认标签,类似其他语言mian方法 </body> </html> <font size="6" color = "red" face = "华文彩云">这是一句实例</font> &nbsp; 在html中代表空格 HTML字符实体: 链接 <p>段落</p> <p align="center">这是一句居中的话</p> <hr color="red" size="10" width="800" align="left"> 来源: CSDN 作者: Lance.Rand 链接: https://blog.csdn.net/qq_36109318/article/details/104389935

js基础

拟墨画扇 提交于 2020-02-19 14:49:36
js基础 在工作中,时不时的要设计去与web端的网页去进行一些交互,要想软件的功能更加强大,包括QT,Android,IOS的开发,无一列外的都会涉及到与JS的交互,所以想着手学习JavaScript,以后遇到问题,会多一些解决的思路,虽然之前在QT已经用过JS的交互,但具体的基础还是有些模糊。 JavaScript JavaScript 使用 JavaScript 语句输出注释 JavaScript 变量数据类型对象函数运算符 变量 数据类型 JavaScript 函数 JavaScript运算符 JavaScript 条件语句和循环语句 JavaScript Break 和 Continue 语句 JavaScript 错误 - ThrowTry 和 Catch JavaScript 表单验证 结束 JavaScript JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。 这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后

python学习笔记十三 JS,Dom(进阶篇)

£可爱£侵袭症+ 提交于 2020-02-19 14:48:17
JS介绍 JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用;JavaScript 是因特网上最流行的脚本语言。 JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上。 Java(由 Sun 发明)是更复杂的编程语言。 ECMA-262 是 JavaScript 标准的官方名称。 JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。 1.存在方式 <!-- 方式一 --> <script type"text/javascript" src="JS文件"></script> <!-- 方式二 --> <script type"text/javascript"> Js代码内容 </script> 2.存放位置 JavaScript脚本通常放置在三个位置: HTMlL中的head部分 HTML中的body部分最底部(推荐) 单独以.js结尾的文件 为什么会推荐放置在body部分的最底部?因为html是从上往下执行的,假设有js文件或者js执行耗时比较久的话,下面的html代码就无法执行了。 所以放置在body代码块底部