![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML
文章平均质量分 60
JS
CSS
HTML5
北溟南风起
功夫到家,水到渠成。
展开
-
HTML5的内容模型及页面结构图
目录HTML5内容模型内容模型列表页面结构图HTML5内容模型内容模型列表HTML5中引入的标记元素,根据内容类型,划分为7大类:内联 Embedded 流 Flow 标题 Heading 交互 Interactive 元数据 Metadata 短语 Phrasing 区段 Sectioning具体的内容类型 简介 列举 元数据 Me...原创 2020-03-02 13:28:42 · 3448 阅读 · 0 评论 -
究竟该如何描述“众人皆知”的HTML5(h5文档+新特性)呢?看这里!
目录HTML5介绍HTML5文档HTML5新特性HTML5介绍HTML5是HTML最新修订版本。 HTML5设计的目的是在移动设备上支持多媒体。 HTML5在原有基础上增加了新功能,促进了用户与文档的交互方式更便捷、更高效。HTML5文档在编写HTML5文档时,声明必须位于第一行。<!DOCTYPE html>字符编码声明被简化<me...原创 2020-03-02 13:05:48 · 318 阅读 · 0 评论 -
HTML5专栏开篇
前面终结了HTML的基本知识,这次开始总结HTML5的知识点总结。包含以下内容:HTML5 介绍HTML5 内容模型HTML5 页面结构HTML5 Audio元素HTML5 Video元素HTML5 Progress元素HTML5 表单1HTML5 表单2HTML5 SVGHTML5 SVG动画与路径HTML5 CanvasHTML5 SVG与C...原创 2020-03-02 12:48:14 · 176 阅读 · 0 评论 -
HTML表单学习 此文足够了
目录HTML 表单介绍HTML form标签action属性method属性entype属性HTML表单输入元素文本框 text密码字段 password单选按钮 radio复选框 checkbox提交按钮 submit下拉列表 select + optionHTML特殊表单元素HTML文本域HTML其他表单元素label 标签b...原创 2020-03-01 14:03:24 · 626 阅读 · 0 评论 -
来这里学习HTML表格,有源码也有知识点介绍。
目录HTML表格介绍HTML表格常用元素HTML表格标签(完整版)HTML边框属性HTML表格表头HTML合并单元格HTML表格介绍HTML表格常用元素HTML表格由<table>标签定义。一个HTML表格由<table>,搭配使用<tr>、<th>、<td>。<tr> 表格行&...原创 2020-03-01 11:54:52 · 246 阅读 · 0 评论 -
HTML脚本之如何看待script与noscript?
目录HTML脚本script标签noscript标签HTML脚本向HTML添加脚本,使得HTML页面具有更强的动态性和交互性。<script> 定义了客户端脚本 <noscript> 定义了不支持浏览器输出的文本 script标签<script>标签用于定义客户端脚本,比如JavaScript。...原创 2020-02-29 21:42:52 · 255 阅读 · 0 评论 -
HTML的三种颜色表达方式,你值得拥有
目录RGB模型(三原色模型)HTML颜色常用颜色值表24比特模式16色模式RGB模型(三原色模型)HTML的颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成,简称RGB。每种颜色的最小值是0(十六进制:#00)。每种颜色的最大值255(十六进制:#FF)。HTML颜色HTML三种颜色 红、绿、蓝的组合从0-2...原创 2020-02-29 21:27:31 · 2007 阅读 · 0 评论 -
HTML的内联框架标签iframe
目录HTML框架iframe标签iframe标签的高度和宽度属性iframe的边框属性HTML框架iframe标签框架的作用在于:可以在一个浏览器窗口中显示不止一个页面。<iframe>标签规定一个内联框架。内联框架功能:用于在当前html文档中嵌入另一个文档。下面给出一个实例:<iframe src="https://www.bai...原创 2020-02-29 12:12:45 · 1124 阅读 · 0 评论 -
HTML的区块,what ?? span+div ???!!!
目录HTML区块HTML块级元素div元素span元素HTML区块大多数元素被定义为块级元素或内联元素。HTML块级元素块级元素在浏览器中显示的时候,通常会以新行(新起一行)来开始和结束。例如:<div>、<h1>、<p>、<ul>、<table><div>这是di...原创 2020-02-29 11:29:46 · 281 阅读 · 0 评论 -
HTML的列表,我相信大多数人,不会玩???!!!
目录HTML列表无序列表有序列表自定义列表HTML列表HTML支持无序列表、有序列表、自定义列表。无序列表无序列表是一个项目的列表,此列项目使用粗体远点进行标记。<ul>标签定义无序列表。将<ul>与<li>标签一起使用,创建无序列表。下面给出一个实例:<ul> <li>西瓜<...原创 2020-02-29 10:43:29 · 190 阅读 · 0 评论 -
HTML里面使用图片!!!
目录标签SRC属性ALT属性宽度width、高度height属性<img>标签SRC属性在html中,我们用<img>标签定义图像。<img>是空标签,只包含属性,没有闭合标签。在页面上显示一个图像,我们用 src (源属性)。源属性的值是图像的URL地址。语法格式:<img src="url">&l...原创 2020-02-29 10:15:23 · 314 阅读 · 0 评论 -
HTML + CSS = 静态的网站效果没有你做不到,只有你想不到!!!
目录HTML CSS介绍三种添加方式内联样式内部样式表外部样式表HTML CSS介绍CSS:层叠样式表,又名 级联样式表, Cascading Style Sheets用于渲染html元素标签的样式。CSS是HTML的合伙人。在编码过程中发挥不同的作用:HTML负责网页的具体内容(结构) CSS则修饰网页的表现形式(布局)三种添加方式CSS添加到H...原创 2020-02-29 00:17:29 · 305 阅读 · 0 评论 -
HTML的head,头头头头!!!
目录HTMLhead元素head内所有元素描述title 元素格式HTMLhead元素<head>元素中包含了所有的头部标签元素。在<head>元素中,我们可以插入:脚本(scripts)、样式文件(CSS)、及各种meta信息。在头部元素中,可以添加的元素标签有:<title>、<style>、<...原创 2020-02-28 23:47:00 · 229 阅读 · 0 评论 -
HTML跳转链接,就这么办!!!link + href=XXX
HTML链接目录HTML链接标签简述格式实例pstarget属性实例:<a>标签简述在html中,我们使用<a>标签设置超文本链接。超链接可以是:一个字、一个词、一个词组、一幅图像等,我们可以点击这些超链接内容进行跳转,进入新文档或者当前文档的局部。在<a>标签中,我们使用 hre...原创 2020-02-28 23:24:38 · 2068 阅读 · 0 评论 -
HTML常见的处理文本的标签,比如说加粗啦、斜体啦等等等。。。
HTML文本格式化标签一般情况下,如果我们想给文本进行加粗处理,在html中,我们使用<b>标签。如果我们想给文本进行斜体处理,在html中,我们使用<i>标签。并且,我们称类似<b><i>的标签,为文本格式化标签。常见html的文本格式化标签:HTML常见文本格式化标签 <b> 粗体文本 <em...原创 2020-02-28 23:07:14 · 1041 阅读 · 0 评论 -
HTML 段落、折行
目录HTML 段落、折行HTML段落HTML折行HTML 段落、折行HTML段落创建段落,我们使用<p>标签。下面给出实例:<p>这是一个段落。</p><p>这是又一个段落。</p>ps:浏览器会自动在段落的前面和后面添加空行(同时也说明,p标签是块元素,在后面会提到)!!!HTML折行在不...原创 2020-02-28 22:52:47 · 1254 阅读 · 0 评论 -
SpringMVC前端后台交互原理图(小记两张图)
原创 2020-01-17 16:38:53 · 572 阅读 · 0 评论 -
前端开发必备优质网站
一、平台名称:HTML5 Tricks推荐指数:⭐⭐⭐⭐⭐推荐理由:该站点发布了优秀的html5动态效果,相当经典,应有尽有,而且,特效超级绚丽,背后的知识点相当庞大,值得好好研究、好好学习,对前端感兴趣的朋友,一定要关注。二、平台名称:一个月纯 JS 挑战中文指南推荐指数:⭐⭐⭐⭐⭐推荐理由:一个 30 天挑战。项目免费提供了 30 个视频教程、30...原创 2020-01-06 15:46:58 · 347 阅读 · 0 评论 -
html5的三种定位的解释
目录关于距离的解释:一、相对定位 relative二、绝对定位 absolute三、固定定位 fixed关于距离的解释:例如:right:8 px; /*执行此操作之后的图形的右边界距离自身(移动前)的右边的距离是8 px*/1.如果是(right)右边则两者都是右边:即想要的图形的右边与移动前的图形的右边的距离是8 px2.关于距离正负值代表的意义:A是我们想...原创 2019-12-26 13:49:43 · 592 阅读 · 0 评论 -
html5基础学习框架
1、html5的标签分几类块级元素内联元素内联块元素2、css常用选择器最常用的是下面三个:id 选择器class选择器标签选择器3、css定位有哪些relative 相对定位absolute 绝对定位fixed 固定定位...原创 2019-12-26 12:46:23 · 168 阅读 · 0 评论 -
【简洁易懂精品贴】html5 网页课程设计(一)
课程设计任务-设计总纲《HTML5编程技术》是计算机科学与技术专业的专业选修课,由于其更注重动手编程能力的特殊性质,并不适宜采取卷面考试的形式考核学生,因此本课程的结课考核方式拟让学生完成制作一个网页作品同时提交与作品对应的纸质报告文档的形式来进行。考查目的进一步巩固和强化学生在课堂上学到的知识,做到理论与实践相结合。提高学生独立开发网页的能力,克服长期以来学生形成的眼高手...原创 2019-06-20 20:44:49 · 4131 阅读 · 0 评论 -
CSS盒子模型
由于制作课程设计的缘故,需要用到这个知识点,就特意上网搜索并学习了一下,同时为加深印象,在此记录。Box Model首先,box model是用来设计和布局的。css盒模型本质上是一个盒子,里面塞的(又叫 ”封装“)是盒子周围的html元素,有四部分:边距、边框、填充、和实际内容。 margin(外边距)-清楚边框外的区域,外边距是透明的; border(边框)-围绕在...原创 2019-05-23 09:52:38 · 312 阅读 · 0 评论 -
html编译器推荐
学习html 这种简单的网页语言,我推荐大家使用 Sublime Text 代码编译器本人是个痛快之人,推荐理由简单说:一、编译窗口看着舒服,代码自带颜色,是种高大上的美。二、功能强大,强大到你目前学习html不用以你现在的水平去担心功能不够用,这句话,有点废。三、这款编译器也是学习Python语言的首选编译器。长这样::下面,该你进行表演了!!!前途虽无量,现今须匍匐!!...原创 2018-02-19 11:35:33 · 1643 阅读 · 0 评论