网页制作
文章平均质量分 57
涂兆诚
写东西不是给你们看的,我就是自己记录下自己学的东西遇到的困难
展开
-
HTML文字属性更改
inlin内联元素 换行符号利用span改变文档中字体的颜色;枯荣输入文档字体后程序内部会自动生成行属性,span无法改变上下宽高,无法超过行的限制但是可以左右移动,水平方向,可以用margin来选择间距内联和块状的相互转换可以用 display :block;将内联转化为块状 将块状转化为内联 将block 改为 inlin;与div用法类似,文档段落控制...原创 2018-10-04 12:34:48 · 2319 阅读 · 0 评论 -
DOM操作_事件操作
DOM操作_时间操作在浏览网页时,我们经常会通过移入鼠标、点击鼠标、敲击键盘等操作,来使用网站提供的功能。如果要让我们自己实现这样的功能,就需要通过操作事件来实现了。实际上,移入鼠标、点击鼠标、敲击键盘等,都是常见的DOM事件。操作事件的两个方法:●addEventlistener 添加(绑定)事件●removeEventListener 移除(解绑)事件addEventListener 添加事件作用:给DOM元素添加事件。dom. addEventListener (事件名称,事件处理程原创 2021-01-14 16:37:35 · 362 阅读 · 0 评论 -
DOM操作_操作样式
DOM操作_操作样式1. style 属性(行内样式)读取:dom.style.样式名称DOM操作_操作样式设置:dom.style.样式名称=样式值说明:所有的样式名称都与Css相通,但命名规则为驼峰命名法。dom. style. fontSize = ‘30px’dom.style.display = ‘none’案例代码如下let p = document.querySelector('#title') as HTMLParagraphElementp.style.fontSiz原创 2021-01-11 17:47:00 · 847 阅读 · 0 评论 -
DOM操作_获取元素
概述DOM (Document objectModal) :文档对象模型。DOM;是浏览器提供的(浏览器特有),专[ ]用来操作网页内容的一些JS对象。目的:让我们可以使用Js/TS代码来操作页面(HTML) 内容,让页面“动”起来,从而实现Web开发。HTML:超文本标记语言,用来创建网页结构。两者的关系:浏览器根据HTML内容创建相应的DOM对象,也就是:每个HTML标签都有对应的DOM对象获取元素常用方法有两个:querySelector (selector)作用:获取某一个DOM元素原创 2021-01-10 17:45:29 · 2229 阅读 · 5 评论 -
web开发基础
html常用标签 布局标签(独占一行) 段落标签(存放文字) 标题标签 按钮标签 图片标签使用css的三种方法1.style属性,在html标签中,通过style属性添加样式好好学习,天天向上style标签, 在head标签中,创建style标签 css文件: 创建.css文件,将样式放在该文件中,然后在head中通过link标签引入该文件 Document 海南大学 海南省海口市美兰原创 2021-01-07 17:27:03 · 117 阅读 · 0 评论 -
HTML超链接
超链接 简介 应用链接用 a标签 a加TAB 6.html“内部写链接地址” 旁边6.html是注释6.html target = "_blank"写的是新打开网页百度 外部网页链接 用a标签定点 通过 #p1访问css允许我们针对A标签的四种状态设置各自的css特性,叫做css的伪类a:active 状态一般不写一般有顺序 LVHAa:link 可简...原创 2018-10-04 13:00:27 · 330 阅读 · 1 评论 -
HTML建立有序列表
建立有序列表语句 ol>li*4>{有序$} 建立四个有序列表 其中括号内容为显示内容 $表示有序数写整齐的表格 声明表格 有几列就要几个tr td表示行 行内可以写东西 对表格进行一些设定合并单元格1 跨列 跨四列44 跨行 跨两行...原创 2018-10-04 12:54:27 · 986 阅读 · 0 评论 -
css的四种引入方式
css的四种引入方式第一 头部直接引用style>#test1{border: 1px solid red;width: 500px;height: 500px;background-image: url(3.jpg);background-repeat: no-repeat;background-position: center top;}第二新建文档引用,建一个...原创 2018-10-04 12:50:55 · 246 阅读 · 0 评论 -
HTML图片控制
background-repeat: repeat-x/repeat-y/no-repeat(不重复); 重复 x方向铺background-attachment:fixed; 固定在屏幕某一处background-position: center top; 控制背景图的位置 两个变量 center表中间如何截取图片的一部分:因为div设置的空间是固定的,当div空间小于图片空间,那...原创 2018-10-04 12:48:13 · 709 阅读 · 0 评论 -
HTML部分简介
打开软件,输入xhtml再按tab建,自动生成网页制作主体部分****注意先保存一下,将文件名改为.html让软件知道你要编辑什么html分为三个部分 <doctyp…>说明文档类型有三种标准1.strict.dtt 严格,写的严格,读取严格,出现不兼容性小2.transitional,dtt 兼容 3.frameset.dtt <ht...原创 2018-10-04 12:44:18 · 113 阅读 · 0 评论 -
HTML书写格式
html书写格式 里面分为两个部分html 是非严谨性语言 头部里面是辅助信息,它会先加载大多数标签都需要结束,还有一些标签不需要闭合想要对标签内容进行更丰富的操作,需要改变标签的属性标签是相当于容器,改变标签中的内容是通过改标签的属性实现的 封装...原创 2018-10-04 12:41:27 · 1532 阅读 · 0 评论 -
html边框设置
边框border的设置border边框有三个要素 宽 形状 颜色border:20px solid green;solid是实线,dashed为虚线,outset为点线border的用法与margin的用法相似单独设置四个边框border-top。。。。。设置边框四个边的属性单独设置三个要素之一border-width 宽 border-style 形状 border-colo...原创 2018-10-04 12:37:11 · 7762 阅读 · 0 评论