HTML
关注
分享
扫一扫
only_tao
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML——span与div详解
首先看一些一些主流网站对span的解释MDN：span 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者Id属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。span>与 div 元素很相似，但 div 是一个 块元素 而 span 则是 行内元素 。w3school：span 来组...原创 2020-02-17 23:58:27 · 1187 阅读 · 1 评论 -
HTML——7.html5 新属性 与 新标签
HTML5New Property 新属性contenteditable 内容可编辑的直接写入即可，同样可加上值true（默认）hidden 隐藏hidden 属性是布尔属性。如果设置该属性，它规定元素仍未或不再相关。浏览器不应显示已规定 hidden 属性的元素。hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，Ja...原创 2020-02-09 15:58:03 · 392 阅读 · 0 评论 -
HTML——8.css -> basic基础 & selector选择器
1.基本模式selector{ property：value; }2.多个标签设定相同样式继承，如设定body-color body中未设定style的标签继承body's color3.派生选择器 我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用 我是斜体字。这是因为 strong 元素位于 li 元素内。 我是正常的字体。 派生sel...原创 2020-02-11 21:30:34 · 405 阅读 · 0 评论 -
HTML——5.列表<ul><ol><li>
列表，分为有序列表，无序列表，自定义列表。直接看代码就可以懂。其属性type 无序：circle、square。有序：i，a，1. 有序列表表格的基本元素 table tr th td代码：<ol> <li>table</li> <li>tr</li> <...原创 2020-02-08 11:37:21 · 188 阅读 · 0 评论 -
HTML——6.框架iframe与表单form
目录1.内联框架iframe 2.HTML background 3.HTML form表单 4.多行文本框，可扩充 5. 3种创建按钮的方式1.内联框架iframe 即在html页面中再加载一个页面作为其子页面 <p>内联框架，即在html页面中再加载一个页面作为其子页面； (可使...原创 2020-02-07 22:54:22 · 700 阅读 · 0 评论 -
HTML——4.表格table
表格由 <table> 标签来定义。表格标题为<caption>，每个表格均有若干行（由 <tr> 标签定义，table row），每行被分割为若干单元格（由 <td> 标签定义，td ->表格数据（table data）），即单元格内容。 其内容可以包含文本、图片、列表、段落、表单、水平线、表格等等。 配合css作为一些网页的基本...原创 2020-02-04 20:52:48 · 339 阅读 · 0 评论 -
HTML——3. <a href=""> 链接、id的基本使用
使用链接链接，用处巨大，就比如无处不在的超链接，回到顶部等。1.以下为一些链接，我们可以使用文字作为链接，也可以使用图片作为链接。 指向我的一个博客，那里有图片与文字链接。 ...原创 2020-02-04 19:53:05 · 5011 阅读 · 1 评论 -
HTML——2.基本标签与样式style的引用
各类标签 现在html采用标签与样式分开的写法，html与css->style分开，下面会提到样式： 普通标签，（部分被css替代） 标签 ...原创 2020-02-04 14:09:42 · 927 阅读 · 0 评论 -
HTML——javascript-“alert”，html中导入js，“document”,“variable变量”
javascript--基本操作1alert对话框 导入JavaScript文件（与css类似） < script src="jsli.js"> </script > css---> < link rel="stylesheet" type="text/css" href="ex.css"> variabl...原创 2020-02-01 21:58:16 · 337 阅读 · 0 评论 -
HTML——13.css盒子模型-padding、border、margin、content
css-盒子模型说到盒子模型，一定先看一张图 1. 先是padding内边距，padding: 10px; /*上下左右均为10px的内边距*/<html><head> <...原创 2020-02-10 15:36:11 · 518 阅读 · 0 评论 -
HTML——css-transition与animation练习---图片、logo从中心到上部逐渐变小
使qq的图片逐渐从中心向上逐渐变小<html><head> <title> css-transition与animation组合练习 </title> <style> .div{ text-align: center; } .picture{ ...原创 2020-01-31 22:19:49 · 402 阅读 · 0 评论 -
HTML——css使用过渡-transition
过渡 transition 通过 CSS3，我们可以在不使用 Flash 动画(即将淘汰)或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果，可用于鼠标悬停(hover)时的一系列动作。<html><head> <title> 使用过渡: use the "transit...原创 2020-01-30 17:46:27 · 516 阅读 · 0 评论 -
HTML——css-font -字体
<html><head> <title> font :字体 </title> <style> .w1{ /* 字体名称 */ font-family: Verdana, Geneva, Tahoma, sans-serif; ...原创 2020-01-28 21:45:21 · 239 阅读 · 0 评论 -
初识HTML
最近H5小游戏热度高居不下,我也正好借这一契机开始学习html. HTML(超文本标记语言，hypertext markup language ）就是一个做网页的语言，甚至还不能算是一种编程语言，只是写几个标签。在没有css与javascript的加持下，做出的网页是非常简陋的。 但登高自卑，还是要从基础开始学起。持之以恒，离html5的距离总是会不断变小的。 既然ma...原创 2020-01-18 21:55:16 · 327 阅读 · 0 评论