随笔分类 -  HTML CSS

上一页 1 2
css图像
摘要：1.利用width,height属性控制图像的大小。 <!DOCTYPE html> <html> <head> <title>Image Sizes</title> <style type="text/css"> img.large { width: 500px; height: 500px;} 阅读全文
posted @ 2024-10-14 13:20 zhongta 阅读(24) 评论(0) 推荐(0)
css表格表单
摘要：1.项目符号样式list-style-type 无序列表：none disc circle square(无，黑点，圆圈，方格) 有序列表：decimal decimal-leading-zero,lower-alpha,upper-alpha,lower_roman,upper-roman <!D 阅读全文
posted @ 2024-10-09 13:07 zhongta 阅读(22) 评论(0) 推荐(0)
CSS盒子
摘要：1.width,height宽度高度。 <!DOCTYPE html> <html> <head> <title>Width Height</title> <style type="text/css"> body { font-family: Arial, Verdana, sans-serif; 阅读全文
posted @ 2024-10-07 13:10 zhongta 阅读(16) 评论(0) 推荐(0)
css字体
摘要：1.字体分类 SERIF:衬线字体。在字母的主要笔画末端有额外装饰。适合长篇文本 SANS_SERIF无衬线字体。文本小的时候运用 MONOSPACE等宽字体。每个字母宽度相同。用于显示代码 CURSIVE:草书字体 FANTASY虚幻字体，用于标题。不适合长篇文本 2.字体选用font-famil 阅读全文
posted @ 2024-10-04 14:10 zhongta 阅读(85) 评论(0) 推荐(0)
css颜色
摘要：1.前景色 <style type="text/css"> body { padding: 20px; font-family: Arial, Verdana, sans-serif;} /* color name */ h1 { color: DarkCyan;} /* hex code */ h 阅读全文
posted @ 2024-10-03 13:27 zhongta 阅读(38) 评论(0) 推荐(0)
CSS初步
摘要：1.CSS引用 <link href="css/styles.cs" type="text/css" rel="stylesheet"> 优先级 行内样式>内部样式=外部样式 2.选择器 （1）通用选择器*{}，选取所有元素 （2）类型选择器h1,h2,h3{} （3）类选择器.note{}应用所有 阅读全文
posted @ 2024-10-01 13:57 zhongta 阅读(13) 评论(0) 推荐(0)
html5添加视频
摘要：视频Only MP4, WebM, and Ogg video are supported by the HTML standard. 音频 Only MP3, WAV, and Ogg audio are supported by the HTML standard. <video src="vi 阅读全文
posted @ 2024-09-30 13:44 zhongta 阅读(12) 评论(0) 推荐(0)
html5一些特性
摘要：1.添加Html5标识头 <!DOCTYPE html> 2.注释 <!-- --> 3.块元素 <h1> <p><ul><li><div> 4.内联元素 <a><b><em><img><span> 5.内联框架iframe <body> <iframe width="450" height="35 阅读全文
posted @ 2024-09-29 13:29 zhongta 阅读(13) 评论(0) 推荐(0)
html 表单
摘要：1.结构 <form action="http://www.example.com/subscribe.php" method="get"> <p>This is where the form controls will appear.</p> </form> 2.action=url用于接收表单提 阅读全文
posted @ 2024-09-27 13:58 zhongta 阅读(22) 评论(0) 推荐(0)
html表格
摘要：1.基本结构 <table> <tr> <th></th> <th></th> </tr> <tr> <td></td> <td></td> </tr> </table> 2.行标题和列标题 <table> <tr> <th></th> <th scope="col">Saturday</th> < 阅读全文
posted @ 2024-09-26 14:49 zhongta 阅读(32) 评论(0) 推荐(0)
html图像
摘要：<img src="images/quokka.jpg" alt="A family of quokka" title="The some"> alt图像无法显示时的描述 title鼠标停留在图像上时的显示。 width:图像的宽度(过时） height图像的高度（过时） 2.图像分类jpg gif 阅读全文
posted @ 2024-09-26 13:31 zhongta 阅读(19) 评论(0) 推荐(0)
html链接
摘要：1.单独使用 <a href="http://baidu.com">Baidu</a> 2.与列表结合 <body> <p>Movie Reviews: <ul> <li><a href="http://www.empireonline.com">Empire</a></li> <li><a hre 阅读全文
posted @ 2024-09-25 13:55 zhongta 阅读(32) 评论(0) 推荐(0)
Html列表
摘要：<ol></ol>有序列表 <ul></ul>无序列表 <li></li>列表子标签 <dl></dl>定义列表 <dt></dt>定义术语 <dd></dd>定义 例： <html> <head> <title>Definition Lists</title> </head> <body> <dl 阅读全文
posted @ 2024-09-25 13:43 zhongta 阅读(21) 评论(0) 推荐(0)
html标记
摘要：1.<b></b>粗体 2.<i></i>斜体、 现在常用于识别字体图标。 3.<sup></sup>上标 4.<sub></sub>下标 例 水的化学方程式是H<sup>2</sup>O 8的方程式2<sub>3</sub> 5.换行和多个空格被视为一个空格 <p>The moon is drif 阅读全文
posted @ 2024-09-24 13:47 zhongta 阅读(22) 评论(0) 推荐(0)

上一页 1 2