![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Dashen__Daiwo
这个作者很懒,什么都没留下…
展开
-
新增和废除元素的认识
6月19号新增和废除元素的认识1.其他新增元素(1)新增的figure元素和figcaption●figure元素是一 种元素的组合,带有可选标题。figure元素 用来表示页面上一块独立的内容,如果将他从网页上删除不给我们的网页造成影响。●figcaption元素表示figure元素的标题,它属于figure元素,figcaption元素必须书写在figure元素内部,可以写在figure元素内的其他从属元素前面或后面。一个figure元素内最多只允许放置- -个figcaption元素。原创 2020-06-23 20:33:11 · 193 阅读 · 0 评论 -
6月17号笔记
新增主体元素1.header元素(1)header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的- -个内容区块的标题,但也可以包含其他的内容,比如在header里面放置logo图片、搜索表单等等。(2)注意:一个页面内并没有限制header的出现次数,也就是说我们可以在同- -页面内, 不同的内容区块上分别加上一个header元素。(3)在HTML5中,一个header元素至少可以包含一个heading元素(h1-h6) ,也可以包括我们下节课将要学习的hgroup元原创 2020-06-17 20:46:43 · 167 阅读 · 0 评论 -
6月16号笔记
6月16日笔记webstorm的使用:新建项目,在新建项目中新建文件,背景等设置在“文件’设置’中修改”新的网页结构一、DOCTYPE声明72、网页字符编码3、<header 元素4、<nav 元素(导航链接的部分)5、< article 元素(与上下文不相关的内容)6、<section 元素(表示文档的结构)7、<aside 元系8、<footer 元索售二、新增的主体结构元素1、article元素(文档页面,外部元素可以别引用的内容区域 )(可原创 2020-06-16 20:58:42 · 145 阅读 · 0 评论 -
6月11号笔记
6月11号web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。2.HTML结构:标记放在 HTML 文件的开头,是一个形式上的标记;标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在;标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等;标记称为标题标记,起的作用是设定网页标原创 2020-06-11 20:14:06 · 120 阅读 · 0 评论 -
6月9日笔记
续上节课:未写完内容7.overflow溢出处理(1)hidden隐藏超出大小的图层(2)scroll无论内容是否超出图层大小都添加滚动条(3)auto超出部分自动添加滚动条div{ width:500px; height:500px; background-color:red; overflow:(1)hidden/(2)scroll/(3)auto;}6月9日从效果图到网页布局中以及按需要切图1.进行区域的划分(1)分为几个div,div中原创 2020-06-09 21:02:01 · 106 阅读 · 0 评论 -
6月8号DIV和SPAN
6月8号1.DIV和SPAN(1)DIV和SPAN的区别在整个HTML中,没有任何意义,他们存在是为了应用css样式(2)Div和span的区别在于,span是内联元素,div是块级元素2.盒模型(1)盒子外边距:margin(2)盒子内边距:padding(3)盒子边框宽度:width(4)盒子高度:height3.布局相关属性3.1position定位方式(1)正常定位:relative(2)根据父元素进行定位:absolute(3)Fixed:根据浏览器窗口进行定位(4)s原创 2020-06-08 21:27:01 · 139 阅读 · 0 评论 -
6月7号笔记
6月7号笔记Css的列表属性:1.标记的类型:list-style-type;(1)none无标记;(2)disc(默认)实心圆;(3)circle(空心圆)(4)square实心方块(5)decimal数字标记(6)decimal-leading-zero(格式为:01,02,03…)(6)lower-roman小写罗马(8)upper-roman(9)lower-alpha小写英文(10)upper-alpha大写英文(11)lower-greek小写希腊(12)lower-latin小写拉原创 2020-06-07 21:18:21 · 169 阅读 · 0 评论 -
css的常用属性
css背景相关属性:1.背景颜色:background-color(1)格式如:body{ background-color:rgba(0,0,255,0.2) }或body{ background-color:rgba(0,0,255,0.2) }2.背景图片background-image(1)格式:body{ background-image:url(image/bg.gif) }3.背景重复:background-repeat(1)重复平原创 2020-06-06 20:57:24 · 472 阅读 · 0 评论 -
css常见属性6.5
6月5号1.Color属性定义文本的颜色格式有:(1)Color:green(2)Color:#ff6600–>简写为#f60(可以在ps颜色板中得到)(3)红®,绿(G)蓝(B),格式:color:rgb(255,255,255) 取值是0~255(4)透明度:color:rgba(255,0,0,0.8)(a取值在0~1间)a=0时字体和背景相容,看不到字体2.字体属性:font size(大小)(1)px设置一个固定的值(2)%:父元素百分比(3)smaller:比父元素小原创 2020-06-05 20:55:14 · 212 阅读 · 0 评论 -
6月4号笔记
6月4日css使用方式:1.<!DOCTYPE(1)声明必须是HTML文档的第一行,位于<html标签之前、(2)<!DOCTYPE声明的不是<HTML标签;它是指示web浏览器关于页面使用哪个HTML版本进行编写指令(3)在HTML4.01版本中,<!DOCTYPE声明引用DTD,因为HTML4.01版本基于5GML,DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容(4)HTML5不是基于5GML所以不需要引用DTD2 .内链式表:<body st原创 2020-06-04 21:02:24 · 246 阅读 · 0 评论 -
简单表单设计标记属性及例子
6月3日笔记表单的设计1.表单的标记(1)<form</form定义表单的开始位置和结束位置(2)基本格式:<form action=”服务器端地址(接受表单内容的地址)” name=”表单名称” method=”post/get” …</form2.常用属性:(1)method属性:1.get方式:get方式提交时,会将表单的内容附加在URL地址的后面,所以限制了提交内容的长度,不超过8192个字符,且不具备保密性。2.post方式:post方式提交时,将表单中的数原创 2020-06-03 21:06:42 · 1202 阅读 · 0 评论 -
6月2日笔记
框架的基本结构1.<frameset是框架划分的标记(注意<frameset外不用加<body也不能加,否则会出错)(1)Cols属性:划分左右框架;格式:如cols=”,”把框架分为左右平均的两部分,cols=”,,*”分为三部分,*号可以进行数字赋值,或是百分号(2)rows属性:划分上下框架,格式和cols相似(3)Frameborder 表示框架的边框是否存在,frameborder=”0”表示不存在,=”1”表示存在。(4)Border设置边框的大小,默认为5;2.原创 2020-06-02 21:30:52 · 181 阅读 · 0 评论 -
简单的网页表格页面的嵌套例子
由于明天要考试今天就没有学习新知识,所以只是试着不看课件写一下一个非常简单的代码,才知道看起来很简单的东西也会犯错误,自己试一下后觉得在以后的学习中会看到更多的细节,提高学习效率。这是我的今天的学习收获,希望大家在学习往后也保持这经常课后练习的习惯。今天写得是一个非常简单的代码,如下:<html> <head> <title>training Page layout</title> </head> <body t原创 2020-06-01 20:10:23 · 943 阅读 · 0 评论 -
html文本、图片,超链接笔记例子
html文本和图片、超链接的标记的例子和简洁解析如下:此乃楼主刚刚学习时的笔记,希望对大家有用<html><head><title>lovely middle school classmate</title></head><body bgcolor="sky blue"><!--文本格式--> <a href="#dibu">到页面底部</a> <h1>柏志&原创 2020-05-31 15:28:54 · 366 阅读 · 0 评论 -
前端html表格的基本结构
表格的基本结构:(一)标记:1.width:表示表格宽度,height.2.border属性:表示表格外边框的宽度3.align属性:表格显示的位置(1)left(默认)(2)center(3)right4.cellspacing属性:单元格之间的间距5.cellpadding属性:表格中内容和边框的间距6.frame属性:控制表格最外层的四条边框(1)void表示无边框(2)above仅顶部有边框(3)below(4)hsides顶部和底部有(5)lhs右侧有(6)rhs左原创 2020-05-31 15:16:45 · 877 阅读 · 0 评论