HTML
关注
分享
扫一扫
文章平均质量分 88
qq_41008787
这个作者很懒，什么都没留下…
展开
-
练习：观鸟网（主要练习文档结构）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>观鸟网</title> <link href="https://fonts.googleapis.com/css?family=Long+Cang|Noto+Sans+SC:300" rel="stylesheet"> <link rel="stylesheet" hre原创 2021-05-13 15:01:51 · 843 阅读 · 0 评论 -
练习：一封信
<!doctype html><html><head><meta charset="utf-8"><link rel="stylesheet" href="信件style.css"><title>回信</title></head><body> <address class="sender-column"> 中国北京市门头沟区，102300<br>原创 2021-05-13 15:01:27 · 153 阅读 · 0 评论 -
学习笔记（十二）HTML表格
表格基础表格表格高级特性标题基础表格<table></table>：每一个表格的内容都包含在这两个标签中;<td>列（单元格）：在表格中，最小的内容容器是单元格, 是通过 <td> 元素创建的 (‘td’ 代表 ‘table data’).；<tr>行：如果想让这一行停止增加，并让单元格从第二行开始，我们需要使用 <tr> 元素<th>：表格中的标题是特殊的单元格，通常在行或列的开始处，定义行或列包含的数据类型。用原创 2021-05-13 15:00:54 · 861 阅读 · 0 评论 -
学习笔记（十一）自适应图片
自适应图片切换分辨率并切换图像一些有用的开发工具切换分辨率切换图像为什么我们不能使用 CSS 或 JavaScript 来做到这一效果?新图像格式总结自适应图片——一种可以在不同的屏幕尺寸和分辨率的设备上都能良好工作以及其他特性的图片切换分辨率并切换图像使用两个新的属性—srcset和sizes来提供更多额外的资源图像和提示，帮助浏览器选择正确的一个资源。<img srcset="elva-fairy-320w.jpg 320w, elva-fairy-480w.jp原创 2021-05-06 15:25:38 · 473 阅读 · 0 评论 -
学习笔记（十）在网页中添加矢量图形
在网页中添加矢量图形矢量图和位图概念SVG是什么将SVG添加到页面矢量图和位图概念在网上，你会和两种类型的图片打交道 — 位图和矢量图:位图使用像素网格来定义 — 一个位图文件精确得包含了每个像素的位置和它的色彩信息。流行的位图格式包括 Bitmap (.bmp), PNG (.png), JPEG (.jpg), and GIF (.gif.)矢量图使用算法来定义 — 一个矢量图文件包含了图形和路径的定义，电脑可以根据这些定义计算出当它们在屏幕上渲染时应该呈现的样子。 SVG 格式可以让我们创造用原创 2021-05-06 15:24:53 · 582 阅读 · 0 评论 -
学习笔记（四）web入门--HTML+CSS+JS+发布网站
web入门--HTML+CSS+JS+发布网站HTML基础知识CSS基础“CSS规则集”详解多元素选择不同类型的选择器字体和文本一切皆盒子JavaScript基础变量注释运算符条件语句函数事件小结发布网站==获取主机服务和域名==使用在线工具如 GitHub 或 Google App Engine通过GitHub发布使用像 Thimble 的基于 Web 的集成开发环境HTML基础知识标题图片段落列表无序列表（Unordered List）中项目的顺序并不重要，就像购物列表。用一个 &l原创 2021-05-06 15:11:33 · 733 阅读 · 0 评论 -
学习笔记（八）视频和音频内容
视频和音频内容<vidio>例：<video src="rabbit320.webm" controls> <p>你的浏览器不支持 HTML5 视频。可点击<a href="rabbit320.mp4">此链接</a>观看</p></video><video> 标签内的内容这个叫做后备内容 — 当浏览器不支持 <video> 标签的时候，就会显示这段内容，这使得我们能够对旧的浏览器原创 2021-04-30 20:28:21 · 299 阅读 · 0 评论 -
学习笔记（七）多媒体嵌入--HTML中的图片
多媒体嵌入--HTML中的图片src属性alt属性width和height属性title属性为图片搭配说明文字CSS背景图片总结src属性<img src=" "> ,src属性包含指向我们想要引入图片的路径：相对路径绝对路径建议使用相对路径，否则，会让浏览器做更多的工作。通常我们都会把图片和 HTML 放在同一个服务器上。警告：不能盗版alt属性alt属性的值应该是对图片的文字描述，用于在图片无法显示或不能被看到的情况。width和height属性宽度和高度属性来指定你原创 2021-04-30 20:28:04 · 139 阅读 · 0 评论 -
学习笔记（六）---文档与网站结构+HTML调试
文档与网站架构文档基本组成部分页眉通常横跨于整个页面顶部有一个大标题 和/或 一个标志。 这是网站的主要一般信息，通常存在于所有网页。导航栏指向网站各个主要区段的超链接。通常用菜单按钮、链接或标签页表示。类似于标题栏，导航栏通常应在所有网页之间保持一致，否则会让用户感到疑惑，甚至无所适从。许多 web 设计人员认为导航栏是标题栏的一部分，而不是独立的组件，但这并非绝对；还有人认为，两者独立可以提供更好的 无障碍访问特性，因为屏幕阅读器可以更清晰地分辨二者。主内容中心的大部分区域是当前网页大多原创 2021-04-30 20:27:34 · 227 阅读 · 0 评论 -
学习笔记（五）--学习高级文字排版，理解语义化
HTMLhead元数据：disabled表示不可以输入，输入框会变成灰色<input type="text" disabled="disabled">下面方式也可以：<!-- 使用disabled属性来防止终端用户输入文本到输入框中 --><input type="text" disabled><!-- 下面这个输入框没有disabled属性，所以用户可以向其中输入 --><input type="text">产生效果：原创 2021-04-30 20:26:02 · 241 阅读 · 0 评论 -
学习笔记（三）关于Web的一些基础知识
Web入门安装基础软件设计网页外观上传或保存文件总结安装基础软件计算机文本编辑器，可以是 纯文本编辑器Visual Studio Code、Sublime Text、Atom、Brackets、GNU Emacs 或 VIM；也可以是混合编辑器 Dreamweaver 或 WebStorm。Web浏览器，用来测试代码。有Firefox，Chrome，Opera， Safari，Internet Explorer 和 Microsoft Edge。图像编辑器，像 GIMP、Paint.NET、Ph原创 2021-04-30 20:18:00 · 282 阅读 · 0 评论 -
学习笔记（二）主要是一些HTML的标签学习
HTML什么是HTMLHTML标签HTML标题HTML段落HTML链接HTML 图像HTML元素HTML属性标签实例HTML标题标准属性时间属性HTML水平线HTML注释标签段落标签拆行clear属性什么是HTMLHTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网原创 2021-04-30 20:16:55 · 673 阅读 · 2 评论 -
学习笔记（一）前后端的基础理论
学习笔记（4.17）基础理论访问一个网址的过程HTML是一种标记语言，在论坛上天机阿德富文本内容（论坛代码）也是一种标记语言如果不加css，页面效果如下图所以很多时候我们需要自定义样式，现行通用的规定样式的语言是CSSCSS代码的基本格式是属性：值HTML5和XHTMLJavaScript是做动态效果的，所谓的AJAX是不用刷新就能与服务器进行交互，更新页面...原创 2021-04-30 20:12:48 · 978 阅读 · 4 评论