首页 > 其他分享 >HTML+CSS学习笔记

HTML+CSS学习笔记

时间:2023-09-17 15:34:39浏览次数:36  
标签:标签 页面 笔记 标题 HTML 跳转 列表 CSS 属性

HTML骨架:(VS Code 可以快速生成骨架:在 HTML 文件(.html)中,!(英文)配合 Enter / Tab 键)   html:整个网页   head:网页头部,用来存放给浏览器看的信息,例如 CSS   title:网页标题   body:网页主体,用来存放给用户看的信息,例如图片、文字   常用标签:   1、标题标签:(文字加粗、字号逐渐减小、独占一行(换行))   <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>.   2、段落标签:(独占一行、段落之间存在间隙)     <p>段落</p>   3、换行和水平线:     <br>、<hr>   4、文本格式化标签:     <strong></strong>:加粗     <em></em>:倾斜     <ins></ins>:下划线     <del></del>:删除线   5、图像标签:(在网页中插入图片)     <img  src="图片的 URL" alt=“替换文本” title=“提示文本”>:src用于指定图像的位置和名称,使用相对路径     图像属性:       1、alt:替换文本。图片无法显示的时候显示文字       2、title:提示文本。鼠标悬停在图片上面的时候显示的文字       3、width:图片的宽度。值为数字,没有单位       4、height:图片的高度。值为数字,没有单位   6、超链接标签:(点击跳转到其他页面)     <a href="https://www.baidu.com">跳转到百度</a>     属性:       1、href :href 属性值是跳转地址,是超链接的必须属性。开发初期,不确定跳转地址,则 href 属性值写为 #,表示空链接,页面不会跳转,在当前页面刷新一次       2、target:超链接默认是在当前窗口跳转页面,添加 target="_blank" 实现新窗口打开页面。   7、音频:(插入一段音频)     <audio src="音频的 URL" loop=“loop” autoplay=“autoplay”></audio>     属性:       1、src:音频URL,必备属性       2、control:显示音频控制面板       3、loop:循环播放       4、autoplay:自动播放   8、视频:(插入一段视频)     <video src="视频的 URL"></video>     <video src="./media/vue.mp4" controls loop muted autoplay></video>     属性:       1、src:视频URL,必备属性       2、control:显示视频控制面板       3、loop:循环播放       4、autoplay:自动播放       5、muted:静音播放   9、列表     1、无序列表       布局排列整齐的不需要规定顺序的区域。       标签:ul 嵌套 li,ul 是无序列表,li 是列表条目。       

 1 <ul>
 2   <li>第一项</li>
 3   <li>第二项</li>
 4   <li>第三项</li>
 5   ......
 6 </ul>
 7 <ol>
 8   <li>第一项</li>
 9   <li>第二项</li>
10   <li>第三项</li>
11   ......
12 </ol>
View Code      2、有序列表       作用:布局排列整齐的需要规定顺序的区域。       标签:ol 嵌套 li,ol 是有序列表,li 是列表条目。  
1 <ol>
2   <li>第一项</li>
3   <li>第二项</li>
4   <li>第三项</li>
5   ......
6 </ol>
View Code      3、定义列表       标签:dl 嵌套 dt 和 dd,dl 是定义列表,dt 是定义列表的标题,dd 是定义列表的描述 / 详情。
1 <dl>
2   <dt>列表标题</dt>
3   <dd>列表描述 / 详情</dd>
4    ......
5 </dl>
View Code

 

 

                                   
   

标签:标签,页面,笔记,标题,HTML,跳转,列表,CSS,属性
From: https://www.cnblogs.com/xcxy-boke/p/17708756.html

相关文章

  • 学习笔记2
    关于知识点知识点归纳第九章9.1I/O库函数系统调用是文件操作的基础,但它们只支持数据块的读/写。I/O库函数是一系列文件操作函数,既方便用户使用,又提高了整体效率。9.2I/O库函数与系统调用I/O库函数是封装了系统调用的一组高层函数接口,用于进行输入输出操作。它们提供了一......
  • CSS重置样式
    CSS重置样式,指的是使用CSS来重置浏览器的默认样式。每个浏览器都有一套自己的默认样式,比如在某些浏览器里,<h1>标签的默认字体大小可能是32px,而在其他浏览器里可能是30px。当你使用CSS来重置浏览器的默认样式时,你将能够确保你的网页在所有浏览器中看起来更加一致。下面是一个常见......
  • 学习笔记2
    第9章I/O库函数——教材知识点归纳9.1~9.2系统调用和I/O库函数系统调用:操作系统中,进程以两种不同的方式运行:内核模式(Kmode)和用户模式(Umode)。Umode权限有限,特殊权限的操作需要在Kmode下进行。系统调用(SystemCall)机制允许进程进入Kmode,执行更高权限的操作。系统调用和I/O库函......
  • 《信息安全系统设计与实现》第二周学习笔记
    《信息安全系统设计与实现》第二周学习笔记第九章I/O库函数系统调用函数系统调用系统调用函数open():打开和创建文件read():读文件write():写文件lseek()close()I/O库函数fopen():以指定的形式打开文件fread():从给定流stream读取数据到ptr所指向的数组中fwrit......
  • 《Unix/linux系统编程》教材第9章学习笔记
    结构化教材内容第9章:I/O库函数I/O库函数与系统调用系统调用是文件操作的基础,但它们只支持数据块的读/写。系统调用函数:open()、read()、write()、lseek()、close();I/O库函数:fopen()、fread()、fwrite()、fseek()、fclose();I/O库函数的根都在对应的系统调用函数中,例fopen()......
  • yzy第二次学习笔记
    第九章I/O库函数本章讨论了I/O库函数;结识了I/O库函数的作用及其对于系统调用的优势;使用示例程序来说明I/O库函数和系统调用之间的关系,并解释了他们之间的相似性和基本区别;详细介绍了IO库函数的算法,包括fread、fwrite和fclose的算法,重点介绍了它们与read、write和close系统调......
  • Unix/Linux系统编程学习笔记二
    学习笔记二一、教材知识点总结1.I/O库函数程序(1)fopen()使用字符串表示模式,其中"r"表示READ"w"表示WRITE。它返回一个指向FILE结构体的指针。fopen()首先发出open()系统调用来打开文件,以获取文件描述符编号fd。如果open0系统调用失败,则fopen()会返回一个NULL指针。否则,它会......
  • 学习笔记2
    对于C语言中的文件操作:字符读写:getc:从文件中读取一个字符。putc:将一个字符写入文件。行读写:fgets:从文件中读取一行文本。fputs:将一行文本写入文件。getline:动态地读取一行文本。任意位置读写:fseek:定位文件指针到指定位置。ftell:获取当前文件指针的位置。rew......
  • 《深入LINUX内核架构》学习笔记 ——01
    模块相关的知识1.模块相较于宏内核(微内核优点)模块消除了宏内核的许多限制,包括:缺乏动态可拓展性、导致内核映像尺寸膨胀、测试新特性时必须重启系统等。2.静态链接、动态链接及模块依赖(TIPS)《深入理解计算机系统》中有这样一段话:共享库是一个目标模块,在运行或加......
  • css 中 color 和 background-color 怎么区分
    在CSS中,color和background-color代表了两种不同的样式属性:color:此属性用于设置元素的前景色,即元素内文本的颜色。例如:p{color:red;}这将使所有<p>标签(段落)内的文本颜色变为红色。background-color:此属性用于设置元素的背景色。例如:p{background-color:blue;......