Web前端教程-HTML及标签的使用

【Web前端教程-HTML及标签的使用】的更多相关文章

Web前端教程-HTML及标签的使用

目录 1. HTML简介 1.1. HTML文档基本结构 2. 标签 2.1. 标签语法 1.2. 标签的属性和值 1.3. 常见的标签 1. 基础标签 2. 格式标签 3. 表单标签 4. 框架标签 5.图形标签 6. 音频视频标签 7. 链接标签 8. 列表标签 9. 表格标签 10. 样式/节标签 1. HTML简介 HTML由标签和属性构成的 1.1. HTML文档基本结构 <!DOCTYPE html> <html> <head> <meta char…

Python web前端 01 HTML常用标签

Python web前端 01 HTML常用标签一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicrectoty ---->建立文件 new HTML file 二.常用标签 1.注释 #这是HTML里面的注释,跟python中的不一样 ctrl + ? #快捷注释 2.初始标签 <!DOCTYPE html> #文档类型 <html lang=&q…

web前端教程《每日一题》（1-99）完结

第1期(2016年4月6日): (1)js中关闭当前窗口的方法是:window.close(); 第2期(2016年4月7日): (1)js中使字符串中的字符变为小写的方法是:toLowerCase方法: 例如:"TEST".toLowerCase();运行结果:"test". 第3期(2016年4月8日): (1)在js中,让浏览器弹出确认框的语句是:confirm: 例如:window.confirm("我就是确认框");运行结果是浏览器弹出…

web前端教程：CSS 布局十八般武艺都在这里了

CSS布局布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中.垂直居中方法,以及单列布局.多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现),希望能给需要的小伙伴带来一些帮助. 目录 1.常用居中方法:水平居中,垂直居中, 2.单列布局 3.二列&三列布局:float+margin,position+margin,圣杯布局(float+负margin),双飞翼布局(float+负margin),flex布局如果你想学习交流html5cs…

web前端教程：用 CSS 实现三角形与平行四边形

最近在逛某个技术网站的时候,感觉文章关键词上的样式好酷炫啊,分页的样式.来张截图: 你在首页的底部也可以看到这样一个分页栏:是不是看上去还不错?下面就来看看这是如何实现的吧~ 第一种方法:利用border 第一种方法是借助border属性 hack 出三角形,然后通过一个矩形拼接两个三角形最终制造出一个平行四边形.为什么使用border可以产生三角形呢?先来看看一张图片: 看了图中的三个小图形的变化过程,你应该已经清楚了一半.其实 hack 出三角形只需要两个条件,第一,元素本身的长宽为0:其次…

Web前端教程3-JavaScript教程

目录 1. JavaScript介绍 1.1. JS嵌入页面的方式 2. JS基本语法 2.1. 变量类型 2.2. 获取元素方法 2.3. 操作元素属性 2.4. innerHTML的使用 3. JS函数 3.1. 函数的定义 3.2. 变量和函数预解析 3.3. 匿名函数 3.4.函数的参数 4. 条件循环 5.JS中的数组 5.1. 创建数组的方式 5.2. 数组方法 5.3. 遍历数组 5.4. 获取元素的第二种方法 5.4. 数组去重 5.6. 实例: 计算器 6. JS的字符串 6.…

Web前端教程4-JQuery教程

目录 1. JQuery基础 1.1. 基本语法 1.2. JQ和JS的差异 1.3. JQ入口函数的写法 1.4. JQ核心函数 1.5. JQ对象 2. JQ静态和实例方法 2.1. JQ静态方法: each 2.2. JQ静态方法: map方法 2.3. JQ静态方法: 其他方法 2.4. JQ静态方法: holdReady方法 3.JQuery选择器 2.1. 基本选择器 2.2. 过滤选择器 2.3. 内容选择器 3. JQ属性 3.1. 属性方法 1. JQ属性节点方法: attr和…

web前端（6）—— 标签的属性，分类，嵌套

属性 HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中 1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序. 2.属性值要用引号包裹起来,通常使用双引号也可以单引号. 3.属性和属性值不区分大小写,但是推荐使用小写. 为什么html会有属性呢? 这个举个生活中的例子,你要在茫茫人海中找到你的女神,你依据什么来找呢?肯定依据她身上的某个特征来找对吧?这个特征换个词就是属性,她特有的属性,其他人没有的对吧?比如她今天穿的紫色长…

web前端中实现多标签页切换的效果

在这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页方法一: 首先,我们要把页面的大体框架和样式写出来,html和css代码如下: <ul id="tab"> <li id="tab1" onclick="show(1)">10元套餐</li> <li id="tab2" oncli…

Web前端教程2-CSS教程

目录 1. CSS基本语法 1.1. CSS基本定义 1.2. CSS布局属性 1.3. CSS文本常用属性 2.CSS选择器 2.1. 标签选择器 2.2. id选择器 2.3. 类选择器 2.4. 层级选择器 2.5.组选择器 2.6. 伪类和伪元素选择器 3. 块元素.内联元素和内联块元素 3.1. 块元素(行元素) 3.2. 内联元素(行内元素) 3.3. 内联块元素 3.4. 实例: 设置导航栏 4.CSS表格 5.盒模型 5.1. 什么是盒子模型 5.2设置边框 5.3. 盒子内边距…