html5
闪 | 灵
这个人很懒,什么都没有留下。
展开
-
day12 - 浮动、浮动的原理和应用
1.脱流让标签脱离标准流,不再按照标准流的方式进行布局。浮动和定位都可以让标签脱流。所有的标签,只要脱离了标准流,布局的方式就只有一种:一行显示多个;默认大小是内容的大小;设置宽度有效2.浮动 - floatleft - 左浮动right - 右浮动–> 浮动可以脱流 div1 div2 我是超链接1 我原创 2020-09-03 17:51:15 · 193 阅读 · 0 评论 -
day11 - 标准流布局和标准流网页布局
1.标准流布局标签在没有布局相关的属性的时候,默认的布局方式就是标准流布局。a.块级标签:一个占一行;默认宽度是父标签的宽度,默认高度是内容的高度;设置宽高有效。h1~h6、p、div、列表相关…b.行内标签:一行可以显示多个;默认大小是内容的大小;设置宽度无效。a、span、label、font…c.行内块标签:一行可以显示多个;默认大小是内容的大小;设置宽高有效。img、输入框2.display属性(css)block: 将标签修改成块级标签inline: 将标签修改成行内标签i原创 2020-09-03 17:18:45 · 411 阅读 · 0 评论 -
day10 - 选择器和伪类选择器
选择器是用来选中指定标签来添加样式常用的选择器:1.id选择器: 在标签的id属性值前加#作为一个选择器,选中id属性是指定值的标签。(注意:同一个id值在当前页面中只有一个标签)#p1{} - 选中id是p1的标签2.类选择器:在标签的class属性值前加.作为一个选择器,选中class属性是指定值的标签。.c1{} - 选中class是c1的所有的标签注意:同一个class可以作用于不同的标签,同一个标签可以同时拥有多个class值(有多个的时候中间用空格隔开)3.元素选择器:直接原创 2020-09-03 17:16:11 · 245 阅读 · 0 评论 -
day9 - div和span、CSS基础
div和span 内容1 内容2</body>CSS基础 </head><body> <!-- 1.内联样式表 --> <h1 style="background-color: #ffff00;">内联样式表</h1> <p style="color: green;"&g原创 2020-08-25 19:11:29 · 119 阅读 · 0 评论 -
day8 - select和textarea
<h1>select</h1> <select name="province"> <option value="四川">四川省</option> <option value ="辽宁">辽宁省</option> <option value ="广东" selected="selected">广东省</option> &...原创 2020-08-19 19:08:34 · 80 阅读 · 0 评论 -
day7-input标签的使用
<form action="" method="get"> <h1>text</h1> <label for="i1">用户名:</label><input id="i1" type="text" value="小明" name="userName" placeholder="请输入账号" /> <br> <br> <label for="i2"...原创 2020-08-18 20:52:43 · 114 阅读 · 0 评论 -
day6-表格标签
<!-- table>tr*3>td*3 --> <table border="1" cellspacing="0" bgcolor="royalblue" cellpadding="20" align="center"> <!-- 表示第一行 --> <tr bgcolor="aqua" > <td>姓名</td> <...原创 2020-08-17 19:25:24 · 68 阅读 · 0 评论 -
day5-图片和超链接
图片标签 <h1>超链接标签</h1> <!-- 2.超链接:a 1)标签内容 - 超链接可点击可看见的部分 2)href属性 - 跳转目的地 a. 网页的地址 - 直接跳转到指定的网页 b. 本地的html文件路径 - 直接打开html文件对应的页面 c.原创 2020-08-17 19:24:25 · 179 阅读 · 0 评论 -
day4-列表
<!-- 1.无序列表: ul-li ul标签 - 表示整个容器 li标签 - 列举容器中所有的元素,个数和元素的个数一致 [python, java, h5, ui, 测试] --> <h1 id="p">学科介绍</h1> <ul> <li>Python</li> <p>python主要是提供人工智能和数据分析的...原创 2020-08-11 20:53:32 · 79 阅读 · 0 评论 -
day3-文本标签
一级标签 二级标题 三级标题 普通文字 四级标题 普通文字 五级标题 普通文字 六级标题 普通文字 7级标题 普通文字 <h1>标价超千万!中国商人买下世界最昂贵口罩 网友第一反应:钻石扎脸吗?</h1> <!-- 2.段落标签...原创 2020-08-11 20:52:10 · 169 阅读 · 0 评论 -
day2-head中的标签
head中的标签 <!-- link标签的使用 rel属性 - 设置导入文件的作用。 stylesheet:外部样式表 icon:网页图标 type属性 - 指定导入文件的类型和后缀。 文件类型/文件后缀名 text/css: 导入一个后缀是.css的文本文件 image/png: 导入一个后缀是.png的图片文件 href属性 - 设置被导入的文件的路径 --&g...原创 2020-08-11 20:51:29 · 79 阅读 · 0 评论 -
day1-HTML5基础语法
Markdown基础语法基础语法内容Markdown基础语法基础语法内容注释:[^在标题前加#,最多可加6个#,即为6级标题,也可以输入标题文字,shift + enter 另起一行, 输入两个或两个以上 “ = / - ” 。]注释的使用方法则是文本在前后方括号内,方括号内文本前需要加入“^”这是注释:[^这是注释]示例文本 示例文本 [^斜体文本在文本前后加*或者前后加单个下划线]示例文本 示例文本 [^粗体文本在文本前后加**或者文本前后加俩个下划线__]原创 2020-08-11 20:48:24 · 153 阅读 · 0 评论