HTML - 技术教程文章
html【代码】【图】
W3C标准w3c万维网联盟，是WEB技术领域最权威和最具有影响力的国际中立性技术标准机构W3标准结构化标准语言（ HTML，xml） 表现标准语言（css） 行为标准（DOM,ECMAScript）基本网页标签标题标签 <!-- 基本标签 --><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><!-- 换行标签 --><p></p><br /><!-- 水平线标签 --><hr /><!-- 字体样式标签 --><strong> 粗体</strong><em>斜体</em><!-- 特殊符号 -->空 格 大于 >小于 <版权...
html笔记（html5 常用标签、列表标签、页面分割）【代码】
/*** html5 常用标签* 列表标签* 页面分割*/1.html页面介绍与常用标签<!DOCTYPE html> <!-- 声明当前 html 的版本为 html5 --><html lang="en"> <!-- html 的页面，代码的开始 --><head> <!-- 用于设置页面的头部信息 --><meta charset="UTF-8"> <!-- 设置当前的网页编码为 UTF-8 中文编码 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,...
「HTML+CSS」--自定义加载动画【006】【代码】【图】
前言Hello！小伙伴！ 首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 哈哈 自我介绍一下 昵称：海轰 标签：程序猿一只｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语！ 日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或者学习资料...
HTML标签嵌套规则【代码】
一，HTML标签嵌套规则 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素，例如： <div><div></div><h1></h1><p><p></div> ?? <a href=”#”><span></span></a> ?? <span><div></div></span> ? 块级元素不能放在p标签里面，比如 <p><ol><li></li></ol></p> ? <p><div></div></p> ?有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：...
html内容为table解析【代码】
#html #内容解析 from lxml import etree import pandas as pd import re def get_data(html):html = etree.HTML(html)#result = etree.tostring(html)#print(result)table = html.xpath('//table[contains(@class,"torrents")]')# table内容转换成dataframe数据result =[]for rows in table[0].xpath('./tr'): #备注因为table有表头，所以从第一行开始抓取数据#去掉标题行elements = rows.xpath('./td')tmp_result = [''.join(ele...
html主要结构
web学习 <html>//根标签（一个网页中有且仅有一个根标签）<head>//子标签（由浏览器解析） <title>//网页标题（显示在网页标题栏） </head> <body>//子标签，网页主题，网页中所有的可见内容 <h1> 一级标题 </h1> <h2> 二级标题 </h2> <p1> 一级段落 </p1> <p2> 二级段落 </p2> </body> ? </html>
HTML 表格标签table【代码】【图】
一，表格标签table 表格由<table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由<td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div class="table"><table><!--表格头--><thead><!--表格行-->...
什么是HTML？【代码】【图】
1. HTML 初识 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。H（很）T（甜）M（蜜）L（啦）HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag) 所谓超文本，有2层含义： 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **）。 <h1...
html 常见标签part1【代码】
一 ，HTML常见标签part1 想要在网页上展示出来的内容一定要放在body标签中。 保存到一个HTML格式的文件中。 二，标题标签 <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。 由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用css来定义来达到漂亮的显示效果。 标题标签通常用来制作文章或网站的标题。...
HTML基础（2）【图】
标签的书写注意规范 所有符号都要在尖括号之间一般成对出现<html></html>，单标签如<br/>标签关系：包含关系、并列关系 HTML骨架标签 <html>根标签<head>头部，一定要定义title标签<title>标题<body>主体 其余标签：<!DOCTYPE html>这句话的意思是：当前页面采取的是HTML5版本来显示网页。位于文档最前面的位置。他不是一个html标签，他就是文档类型声明标签。<html lang="en">用来定义当前文档显示的语言。en定义语言为英语。zh-C...
实验1、html页面【代码】【图】
实验1、html页面 笔记一：超链接笔记二：表格笔记三：有序无序列表笔记四：ccs颜色要实现如下界面：代码如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>实验1、html页面</title> </head><body><h3>常用站点</h3><p><a href="https://www.ifeng.com/">凤凰</a><p><a href="https://www.sina.com.cn/">新浪</a><p><a href="https://www.sohu.com/">搜狐</a><p><a href="https://www.baidu.com/">百度</a><p><h1...
「HTML+CSS」--自定义加载动画【005】【代码】【图】
前言Hello！小伙伴！ 首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 哈哈 自我介绍一下 昵称：海轰 标签：程序猿一只｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语！ 日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或者学习资料...
html【代码】
html 学习目标能够使用h1~h6,hr,p,br等与文本有关的标签 能够使用有序列表ul-li和无序列表ol-li显示列表内容 能够使用块级标签div与内联标签span 能够使用图片img标签把图片显示在页面中 能够使用超链接a标签实现页面跳转 能够使用table，tr，td标签定义表格 能够制作网页基础 HTML概念 html(超文本标记语言):全称Hyper Text Markup Language.超文本: 超越一般文本,可以在超文本中添加图片,超链接等等. 标记: 标签,一个标签就可以展...
如何将vue中markdownr组件mavon-editor内容转换成html并渲染样式【代码】
最近写一个博客系统，然后里面的博客编写使用的是markdown语言，使用的是mavon-editor组件，所以主要要解决的是博客在前端展示界面的问题。下载依赖 npm install marked 在需要使用的页引入 import marked from 'marked' 语言转换 注：这里blog是转换后的html语言，而blogDetailData.content是从数据库取出来markdown文本async createBlog() {this.blog.html = marked(this.blog.markdown);await this.blogService.createPost(t...
html 元素的隐藏与显示
html 元素的隐藏与显示 通过display 隐藏:设置display:none; 显示:修改display: block; 或者修改display为其他值 设置visibility 隐藏: visibility: hidden; 显示: visibility: visible; 设置元素高度 隐藏: 设置元素height:0;同时设置overflow: hidden; 显示：恢复元素原来的高度 设置opacity 隐藏: 设置opacity: 0; 显示: 修改opacity: 1; 设置position 隐藏: 将position改为绝对定位，并给予负值使其移出视口 显示: 将其定位恢复...
HTML（一）基本结构【代码】
HTML（一）基本结构<!-- DOCTYPE：告诉浏览器要使用什么规范--> <!DOCTYPE html><html lang="en"> <!-- head标签代表网站头部 --> <head><!-- meta描述性标签，用来描述网站的一些信息 --><meta charset="UTF-8"><meta name="keywords" content="zzzstudy,博客园"><meta name="description" content="记录学习笔记"><!-- title网站标题 --><title>我的第一个网页</title> </head> <body>Hello,world! </body> </html>
HTML（二）基本标签【代码】
HTML（二）基本标签 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Basic Label</title> </head> <body><!--标题标签--><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6><!--段落标签--><p>两只老虎爱跳舞，小兔子乖乖拔萝卜，</p><p>我和小鸭子学走路，童年是最美的礼物。</p><p>小螺号呀嘀嘀地吹，我学海鸥展翅飞，</p><p>不怕风雨不怕累，快快...
HTML（三）图像标签【代码】
HTML（三）图像标签 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>ImageDirectoryStudy</title> </head> <body><img src="../resourse/image/1.jpg" alt="壁纸1" title="壁纸1" width="1920" height="1080" ></body> </html>
HTML（四）超链接标签【代码】
HTML（四）超链接标签 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>LinkLabelStudy</title> </head> <body><a name="top"></a><!--a标签 超文本链接href : 链接目的地址target : 窗口打开位置_blank 在新标签中打开_self 在自身页面中打开--><a href="1.MyFirstHTML.html" target="_blank">点击跳转到页面1</a><br><a href="https://www.baidu.com" target="_self">点击跳转到百度</a><br><a href="...
HTML（五）列表【代码】
HTML（五）列表 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>ListStudy</title> </head> <body><!--有序列表--> <ol><li>Java基础</li><li>HTML</li><li>CSS</li><li>JQuery</li> </ol><!--无序列表--> <ul><li>Java基础</li><li>HTML</li><li>CSS</li><li>JQuery</li> </ul><!--自定义列表 dl 标签 dt 标题 dd 内容 --> <dl><dt>学科</dt><dd>Java基础</dd><dd>HTML</dd><dd>CSS</dd><dd>JQuery</dd...
HTML（六）表格【代码】【图】
HTML（六）表格 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>TableStudy</title> </head> <body><!--表格 table行 tr列 td--><table border="1px"><tr><td colspan="3" style="text-align: center">1-1</td></tr><tr><td rowspan="2">2-1</td><td>2-2</td><td>2-3</td></tr><tr><td>3-1</td><td>3-2</td></tr></table><table border="5px"><tr><td colspan="3" style="text-align: center">学生成绩</td...
html学习笔记day2
相对路径：用./ 或者.. 写不写都行 不写默认写了./ 表示当前路径../表示当前路径的上一层级超链接，target属性，可设置超链接打开位置 _blank 在新的页面显示 <a href="./testhtml/html0401.html" target="_blank">访问yl</a> 回到顶部 <a href="#">回到顶部</a>回到底部 （去到标签的最后一个底部，给这个标签加一个属性即可，加个id 唯一标识） 或者任意位置，id都是【字母开头 并且区分大小写】占位符： ...
[html] HTML5的video在手机端如何实现进来页面时就自动播放？【代码】
[html] HTML5的video在手机端如何实现进来页面时就自动播放？ 理想情况autoplay=true。但是现实是：基本所有浏览器都屏蔽了这个属性。 能实现的现在只有微信了，微信有一套自己的规则的内核，可以使用：controlslist="nodownload" poster="" x5-video-player-fullscreen="true" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-playsinline 来达到自动播放的目的。个人简介 我是歌谣，欢迎和大家一起交流...
学成在线项目（HTML+CSS）【代码】【图】
去年在B站上跟着Pink老师学习的前端成果，衷心的感谢Pink老师！ 效果图：HTML代码 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>学成在线</title><link rel="styleSheet" href="style.css"> </head><body><!-- header部分开始 --><div class="header w"><img src="IMAGES/logo.png" alt="" class="logo"><div class="nav"><ul><li...
前端面试中关于HTML和CSS的一些基础题笔记整理【图】
1、CSS的优先级 ①通配和继承：0000 ②元素选择器：0001 ③类、伪类： 0010 ④ID选择器： 0100 ⑤行内样式： 1000 （加了 ‘！important’ 的优先级为无穷大） 2、外边距塌陷（外边距合并） ①、上下元素之间的外边距塌陷 当一个元素出现在另外一个元素的上面时，第一个元素的下外边距与第二个元素的上外边距将发生合并。合并的结果是外边距变成上述两者中大的一个。 ②包含元素之间的外边距塌陷 当一个元素包含在另一个元素中，父...
HTML【代码】【图】
HTML学习 一、HTML的定义二、HTML标签元素三、规范的html页面四、常用元素二、总结 经过这段时间的学习，对于html的一些基础知识有了一定的了解。所谓好记性不如烂笔头，唯有一点点累积，才能汇聚成知识的海洋。现在，我对这段时间的学习做一个总结。 一、HTML的定义 HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些...
HTML语义化标签总结【代码】
HTML语义化标签总结 HTML语义化标签总结语义化的好处hgroup标签header标签nav标签section标签article标签aside标签footer标签details标签datalist标签progress标签time标签mark标签meter标签ruby标签HTML语义化标签总结 语义化的好处 HTML5可以让很多具有语义化、结构化的代码标签，代替大量无意义的 div 标签。 这种语义化的特性提升了网页的质量和语义，对搜索引擎更加的友好。 特点：它们这些标签功能就是代替 div 功能中的一部...
html 快速学习笔记【代码】【图】
1、HTML5 1.1、什么是HTML1.2、HTML发展史1.3、HTML5的新特性1.4、HTML5的优势1.5、遵守的标准2、第一个HTML页面 <!-- DOCTYPE：告诉游览器，我们要使用什么规范， 此处是html规范--> <!DOCTYPE html> <html lang="en"><!--head标签代表：网页头部--><head><!--meta描述性标签， 它用来描述我们网站的一些信息--><!--meta一般用来做SEO--><meta charset="UTF-8"><meta name="description" content="这是一个神奇的网站"><meta name...
利用html5实现的360度全景图浏览（带天地）【代码】
【实例简介】利用html5实现的360度全景图浏览（带天地） 文件：590m.com/f/25127180-487960969-c26e15（访问密码：551685） 【核心代码】 var camera, scene, renderer; var texture_placeholder, isUserInteracting = false, onm ouseDownMouseX = 0, onm ouseDownMouseY = 0, lon = 90, onm ouseDownLon = 0, lat = 0, onm ouseDownLat = 0, phi = 0, theta = 0, target = new THREE.Vector3(); init(); function init() { var c...
9个你可能从未听说过的HTML功能【代码】【图】
作为Web开发工程师，我们需要使用许多不同的技术，框架和编程语言。开始使用HTML，CSS和JS可能很容易，但是精通它们很难。尽管我们知道使用HTML的一些功能有很多好处，但它经常被忽略。因此，今天就让我们一起来看一下，你可能从未听说过，甚至很少使用的9个HTML的功能！ 1、<optgroup>元素 假设你希望用户以某种形式从许多选项中选择一个值。为此，请使用<select>元素创建一个下拉列表。并为每个可能的选项添加一个<option>元素。...