随笔分类 -  HTML基础

摘要:1. id 属性 当前元素的唯一身份,应避免在多个元素中使用相同id值,多在javascript中用于引用该元素。 <div id="content">绝弹博客</div> //在css中,用#+id值对该元素进行选择 <style> #id { color: red; } </style> //在 阅读全文
posted @ 2020-06-02 19:35 绝弹笔记 阅读(259) 评论(0) 推荐(0)
摘要:1. <audio>标签 表示音频。 <audio src="/sky.mp3">该内容在浏览器不支持audio标签时显示</audio> 属性: src:音频的来源地址 preload:是否预加载,使用autoplay属性时忽略该属性 autoplay:自动播放,在音频加载完后立即播放 contr 阅读全文
posted @ 2020-06-02 19:34 绝弹笔记 阅读(1127) 评论(0) 推荐(0)
摘要:1. <img>标签 显示给定来源的图片。 <img src="//www.juetan.cn" alt="头像" width="120" height="120"> 属性: src:图片来源地址,使用相同协议时,可省略协议 alt:图片来源地址失效时使用,用于描述当前图片内容 width:图片宽度 阅读全文
posted @ 2020-06-02 19:33 绝弹笔记 阅读(448) 评论(0) 推荐(0)
摘要:1. <form>标签 表单容器,指定method属性和action属性是个良好的习惯。 <form methor="POST" action="http://www.juetan.cn/user/1"> //其他属性: name:表单名称,便于在Javascript中引用该表单。 target:表 阅读全文
posted @ 2020-06-02 19:32 绝弹笔记 阅读(639) 评论(0) 推荐(2)
摘要:1. <table>标签 表格容器,尽量避免用属性书写样式,而是用CSS来表达 border: 数字 //表格边框宽度 2. <caption>标签 表格的标题,一般出现在表格上方,可通过CSS更改方向 3. <tr>标签 表示表格的一行。 4. <th>标签 表头的一个单元,与<tr>相比,一般做 阅读全文
posted @ 2020-06-01 20:17 绝弹笔记 阅读(531) 评论(0) 推荐(0)
摘要:1. <p>标签 表示段落,多个空白符会合并成一个;<pre>标签表示预文本段落,所有空白符都不合并。 //临江仙诗句 <p>滚滚长江东逝水,浪花淘尽英雄,是非成败转头空。 青山依旧在,几度夕阳红。</p> <pre>白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢。 古今多少事,都付笑谈中。</pre 阅读全文
posted @ 2020-06-01 19:52 绝弹笔记 阅读(669) 评论(0) 推荐(0)
摘要:1.<ruby>标签 显示东亚字符的发音(如中文,日文等),与<rp>,<rt>标签搭配。 //<ruby>为单个发音字符的容器,<rp>为不支持<ruby>标签时显示的内容, //<rt>为字符的发音 <ruby> 中 <rp>(</rp> <rt>zhong</rt> <rp>)</rp> 文 阅读全文
posted @ 2020-06-01 19:42 绝弹笔记 阅读(510) 评论(0) 推荐(0)
摘要:1. <title>标签 文档级标题,描述当前页面内容,主要显示在浏览器地址栏上方,以及搜索引擎的查询页面中。 //https://www.juetan.cn/index.html页面标题 <title>绝弹博客 - 决定路途的起点,却未决定路途的终点</title> 2. <meta>标签 文档元 阅读全文
posted @ 2020-06-01 19:33 绝弹笔记 阅读(324) 评论(0) 推荐(0)
摘要:1.前言 现如今科技进步,足不出户尽晓天下事,一转身便仿若隔世茫然。科技绽放时代,网络技术对人们的触变无疑是深远而重大的,隐于缤纷绚丽的网页背后,是前端的蜕变更新。 如今,随意点开页面,绚丽华彩的特效及流畅的用户体验,是以前始料未及的。从切图到框架,从组件到模块,从简单到系统,前端渐成一方世界。 2 阅读全文
posted @ 2020-06-01 19:21 绝弹笔记 阅读(311) 评论(0) 推荐(0)