HTML基础1 超文本标记语言HTML（Hyper Text Markup Language） 作用是显示数据 HTML由双标签和单标签组成 HTML的基本结构 <!DOCTYPE html> 文档类型 html ----MIME类型<html lang="en"> language=“en” zh-cn 属性节点<head><meta charset="UTF-8"> 源 编码字符集----utf-8<title>Document</title> 标题</head><body>正文</body></html> 下文所有代码运行时须放入上面代码段的<body>标签里 常用标签 双标签 <hn> </hn...
因为 DOM 的存在，这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。 NOTE：下面提供的例子中的 element 均为元素节点。 获取节点 父子关系element.parentNode element.firstChild/element.lastChild element.childNodes/element.children兄弟关系element.previousSibling/element.nextSibling element.previousElementSibling/element.nextElementSibling通过节点直接的关系获取节点会导致代码维护性大大降低（节点之...
ps：本人关于学习Web的一点笔记，不会很全面，只是记录一些基础或者一些写不出来经常需要百度的知识。 关于编辑器 课程学习可能会学到很多语言，个人比较喜欢用VScode来完成这些课程的实验作业。用VScode写Web的话，插件推荐详见这篇博客 标签标题<h1>一级标题</h1> 段落 <p>这里写正文</p> 链接 <a href="https://www.cnblogs.com/lllllan/p/14595940.html">点击跳转</a> 点击跳转 图片 <img src="/upload/getfiles/0001/2021/5/1...
不知道从什么时候开始，在网络上到处可以看到div+css，到底什么是div+css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用xhtml的标签吗？可为什么还是有这么多div+css呢？既然可以div+css，那为什么不可以叫span+css ul+css li+css等等呢？ 疑问，满脑子的疑问!为了这个疑问，我把自己脑子里的东西从最底层翻了一遍。 在几年前大家都是用table来布局，一层套一层，没发现什么不妥，一直用到《网站重构》这本书...
一、video标签的基本属性1.autoplay=“autoplay”：规定一旦视频就绪马上开始播放2.control=“controls”：让浏览器为视频播放器提供默认的暂停、进度条等控件。如果设置了这个就不能使用自己定义的控件。3.width=“320” height=“240”：定义视频播放器的宽高。设置这个会让页面对视频播放器部分空间进行保留，入不设置一开始不会保留可能造成页面布局混乱4.loop=“loop”：规定视频结束后将重新开始播放5.preload属性：auto表示...
HTML下拉列表框 讲解： 1、value： House Blend 2、selected="selected"： 设置selected="selected"属性，则该选项就被默认选中。 下拉列表框进行多选： 下拉列表也可以进行多选操作，在标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。 HTML提交按钮...
我有一个表格，统一设置了样式 table td {color:red;line-height:30px;} 现在Td里有个Div,我如何设置让它不继承Td的样式？ 回复讨论(解决方案) 重新定义一遍
html基础 什么是html html是一种超文本标记语言（Hypertext markup language）html是一种表示语言，并不是编程语言html可以用标签来描述一个页面 html的元素组成 html是由标记名、属性、元素内容组成 <a href="/classroom/17">立即加入</a><a></a>其中前面的a是一个起始标签，后面的a是结束标签 href="/classroom/17"中的href是属性名，/classroom/17是属性标志 元素内容：就是起始标签和结束标签中的内容。 空元素 空元素就是在元...
一．样式表基础 1． 样式表中每一个条目由选择符（selector）和对应的规则组成，选择符通常是HTML元素名称，也可以是类（class）、标识符（id）、伪类（pseudo class，它们标示了超链接的不同状态）等。2． 将样式表（规则）添加到HTML文档中有3种方式：① 外部样式表。② 应用于整个文档的样式，位于区，包括嵌入样式表和输入样式表。③ 行内样式，通过绝大多数元素的style属性实现。3． 样式表内的注释用/* …*/。通过将样式规则...
CSS布局中说到定位就不得不提浮动，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动 框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 一float属性的定义和用法 float属性：设置元素浮动 可能的值： none 不浮动，在文档流内，默认 left 左浮动，脱离文档流 right 右浮动，脱离文档流 ...
HTML参考手册 W3C HTML检查器HTML 标签、属性和属性值对大小写不敏感，但推荐使用小写。 属性值应该包括在引号内，单引号、双引号都可以。 标签的属性总是在开始标签中规定。meta的keyword已被浏览器忽略，无法实现搜索引擎优化(SEO)。 最好只对每个页面使用一次< h1> 目录 标题段落链接图像表格列表有序列表无序列表定义列表(description list，项目及其注释的组合)style 属性文本语义化分类块级元素分类行内元素字符实体表单音频...
HTML超文本标记语言 标题标签 <h1></h1>~<h6></h6>共六级标题由大至小段落标签 <p></p> 分段进行显示，自动换行图片标签 格式一：<img src="img/nine.jpg"/> 双引号下直接是文件名，这是找当前文件所在目录下的nine.jpg 格式二：<img src="./img/nine.jpg"/> 同格式一 格式三：<img src="../img/nine.jpg" /> ../ 就是代表上层目录，即上层目录的img/nine.jpg 格式四：<img src="../../img/nine.jpg" /> 上两层目录中的img/nine...
Document @-webkit-keyframes buzz-out{ 0%{ -webkit-transform:translateX(10px)rotate(20deg); } 30%{ -webkit-transform:tranalateX(-10px)rotate(-20deg); } 60%{ -webkit-transform:translateX(30px)rotate(50deg); } 100%{ ...
很多人想学习前端，但是不知道前端好学吗？又怕自己零基础html知识，下面前端高手为您总结一下零基础html多久能学会？一：前端好学吗？前端是一门比较火热的编程技术，前端可以分为几个部分，主要包括Html,css，学习前端我们可以从先难后易，先从简单的html代码学起，然后慢慢的去接触一些更高深的代码，其实从小白到高级开发老师，并不是一件简单的事，需要我们长期的慢慢积累，在课余的时间，可以自学html代码和一些简单的样式，...
HTML 段落 段落是通过 <p> 标签定义的。 实例 <p>This is a paragraph </p><p>This is another paragraph</p> 提示：忘记使用结束标签会产生意想不到的结果和错误。 <p> 的 align 属性HTML4/5已废弃。请使用 CSS 代替。段落支持事件属性与全局属性 段落中文本对齐方式 <!DOCTYPE html><html><head><style>h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;}</style></head> <body> <h1>CSS text-alig...