![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 52
阿陈陈陈
这个作者很懒,什么都没留下…
展开
-
js---JavaScript的使用(两种导入方法)
前端入门笔记之js(2)导入js方式第一种:1. 在html页面中直接插入javascript2. 如需在 HTML 页面中插入 JavaScript,请使用 scripvt 标签。例如:那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。注意: <script>标签可以出现在html页面的任意位置,但实际操作中,一般会写在原创 2021-10-18 16:18:14 · 4657 阅读 · 0 评论 -
js---什么是JavaScript
前端入门笔记之js(1)什么是JavaScript: 是因特网上最流行的脚本语言,它存在于全世界所有 Web 浏览器中,能够增强用户与 Web 站点和 Web 应用程序之间的交互。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 与 Java 是两种完全不同的语言。脚本语言:脚本语言又被称为扩建的语言,或者动态语言,是一种解释型语言,由解释器来运行,用来控制软件应用程序,脚本通常以文本保存,只原创 2021-10-18 16:17:31 · 132 阅读 · 0 评论 -
html---frameset框架标签
web前端入门笔记之html(14)框架标签⦁ 所谓框架就是将页面划分成几个窗框,就可以让我们在同一个浏览器中显示不止一个页面。(也就是把当前展示的页面划分成几块)< frameset>⦁ < frameset>是框架结构标签,它定义如何将窗口分割为框架.⦁ 注意:不能与 < frameset>< /frameset> 标签一起使用 < body>< /body> 标签。⦁ 常用属性:⦁ cols:垂直切割⦁ ro原创 2021-08-24 16:52:43 · 689 阅读 · 0 评论 -
html---特殊符号
前端入门笔记之html(13)特殊符号:<div>llalalalal lalalalal</div><!--空格--><div><</div><div>></div><div>®</div><div>©</div>原创 2021-08-19 16:47:16 · 60 阅读 · 0 评论 -
html---表单小练习
web前端入门学习(13)表单小练习收集顾客信息:截图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body bgcolor="lightblue"> <div>用户名: <input type="text" name="yonghuming" value原创 2021-08-19 16:39:45 · 78 阅读 · 0 评论 -
html---表单标签
web前端入门之html(12)表单标签form标签⦁ < form>标签代表一个表单,表单用于向服务器传输数据。⦁ < form>标签能够包含< input>,可以是文本字段,复选框,单选框或提交按钮等。还可以包含< textarea> < select>等。⦁ < form>常用属性:⦁ name:用于定义表单的名称⦁ action:用于规定提交表单时向何处发送表单数据。⦁ method:用于规定提交的方式。一般原创 2021-08-13 11:21:56 · 179 阅读 · 0 评论 -
html---网上书城案例
web前端入门之html(11)网上书城案例简单实现1.前期准备:划分图片结构1.截图:2.代码:<!DOCTYPE html><!-- saved from url=(0092)file:///C:/Users/Administrator/Desktop/sublime%E7%BB%83%E4%B9%A0/csdn%E7%BB%83%E4%B9%A0.html --><html><head><meta http-equiv="Conten原创 2021-08-11 13:45:05 · 2796 阅读 · 0 评论 -
html---表格标签
web前端入门之html(10)表格标签1.table⦁ < table>标签用于定义表格⦁ 常用属性:align:用于设定表格的对齐方式bgcolor:用于设定表格的背景颜色。border:用于设定表格边框的宽度width:用于规定表格的宽度。2.tr⦁ < tr>标签用于定义表格的行,包含一个或多个th或td元素。⦁ < tr>常用属性:align:用于设定表格中行的内容对齐方式。bgcolor:用于设定表格中行的背景颜色。3.td⦁ &原创 2021-08-10 16:19:48 · 549 阅读 · 0 评论 -
html---<a>链接标签
web前端入门笔记之html(9)链接标签1.a 标签⦁ < a>标签用于定义超连接,用于从一个页面链接到另一个页面。⦁ 常用属性:href:用于设定链接指向页面的url.name:用于设定锚的名称target:用于设定在何处打开链接页面。target属性:_blank 新窗口打开链接_self 当前页打开链接download:规定被下载的超链接目标。hreflang:规定被链接文档的语言。media:规定被链接文档是为何种媒介/设备优化的。rel:规定当前文档与被链原创 2021-08-09 17:32:58 · 101 阅读 · 0 评论 -
html---img图形标签
web前端入门笔记之html(8)图形标签1.img 标签⦁ < img>是一个图片标签,用于在页面上引入图片.⦁ 常用属性:src:用于设定要引入的图片的urlwidth:用于设定图片的宽度 height:用于设定图片的高度(不设置宽和高时,系统会自动默认图片的大小,如果自己设置了宽高跟原来的图片比值不一样的话,图片就会变形)alt:用于设定图像的替代文字,如果图片不存在时,会出现当做提示的内容title:用来告诉浏览器,当鼠标悬停在图片时显示的内容border:图片边框厚原创 2021-08-06 17:25:59 · 426 阅读 · 0 评论 -
html---列表标签(ul、li、ol)
web前端入门笔记之html(7)列表标签1.ul⦁ < ul>标签表示的是一个无序列表。常用属性:type:规定列表的项目符号类型,可取值 disc(圆点),square(方块),circle(圆圈).默认值为disc<ul>你好呀,你好呀!</ul><ul type="disc">你好呀,你好呀!</ul><ul type="square">你好呀,你好呀!</ul><ul type="circl原创 2021-08-06 16:37:26 · 4398 阅读 · 0 评论 -
html---字体标签(font、h1-h6)
web前端入门笔记之html(6)字体标签1.font标签⦁ 标签用于规定文本的字体,大小,颜色。常用属性:face:规定文本的字体 verdana Arial (开发中比较少用,一般用style来设置字体)size:规定文本的大小color:规定文本的颜色<font face=“verdana Arial” size=4 color="pink">今天学的内容比较少,所以可以多复习了,并且把明天学习的知识好好预习</font><!--改变字体、大小和颜色等原创 2021-08-04 17:44:59 · 4389 阅读 · 0 评论 -
html---排版标签(p、br、hr)
web前端入门笔记之html排版标签1.代码注释⦁ 在html中注释是<! --注释 --> (快捷键:ctrl+shift+/)⦁ 在html中使用注释的目的与java中一样。2.p标签⦁ < p>标签是段落标签,可以将html文档分割为若干段落。浏览器会自动在段落前后添加空行。⦁ < p>标签常用属性align:用于设定对齐方式 可选值 left right center 默认值是left.<p aligin="center">现在好好原创 2021-08-04 17:28:07 · 399 阅读 · 0 评论 -
html---div和span标签的区别
web前端入门笔记之html(4)div和span标签的区别1.div标签⦁ 用于在文档中设定一个块区域。(div标签会自动换行,相当于自带一个换行标签< br/>)⦁ 常用属性:align:left center right2.span标签⦁ 用于在行内设定一个块区域。⦁ Html中绝大多数元素被定义为块级元素或内联元素。⦁ 块级元素在浏览器显示时,通常会以新行来开始。例如 div p等⦁ 内联元素在浏览器显示时,通常不会以新行来开始。Span<html>&原创 2021-08-04 17:00:13 · 133 阅读 · 0 评论 -
html---常用标签(文件里自动出现的标签)
web前端入门笔记之html 3html常用标签文件标签1.html标签<html>写在这里,让浏览器认出并处理该文件</html>⦁ 整个文件都处于< html>标签中.⦁ < HTML>用以声明这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。⦁ 在HTML文件有两部分< head>与< body>2.head标签⦁ < head>用于加载一些重要的资讯,它的内容不会被显示,只有的原创 2021-08-03 17:52:29 · 118 阅读 · 0 评论 -
html---IntelliJ IDEA的下载及安装
web前端入门笔记之html(2.4)HTML的五种编辑工具详细介绍目录**一、文本编辑(.txt文件)**2.1二、HBuilder2.2三、sublime2.3四、IntelliJ IDEA2.4五、myeclipse2.5四、IntelliJ IDEA的下载及安装1.官网下载地址:https://intellij-idea.en.softonic.com/2.点击下载(建议下载旗舰版,社区版本有些功能不齐全)3.安装IntelliJ IDEA的前提是安装jdk,所以电脑没有原创 2021-08-03 15:14:45 · 100 阅读 · 0 评论 -
html---sublime下载及应用
web前端入门笔记之html(2.3)HTML的五种编辑工具详细介绍目录**一、文本编辑(.txt文件)**2.1二、HBuilder2.2三、sublime2.3四、IntelliJ IDEA2.4五、myeclipse2.5三、sublime下载及应用原创 2021-08-03 14:51:34 · 68 阅读 · 0 评论 -
html---hbuilde下载及应用
web前端入门笔记之html(2.1)HTML的五种编辑工具详细介绍目录一、文本编辑(.txt文件2.1二、HBuilder2.2三、sublime2.3四、IntelliJ IDEA2.4五、myeclipse2.5二、HBuilde的下载及应用1.安装1)官网下载地址:http://www.dcloud.io/2)安装:解压zip文件到指定目录3)运行安装文件下的exe文件...原创 2021-08-02 11:43:58 · 202 阅读 · 0 评论 -
html---txt文本编辑方式讲解
web前端入门笔记之html(2)在有所了解html之后,就应该了解我们应该用什么工具来学习和练习html其实写html的文件的工具有很多种,今天1.1.1.1.1.1.原创 2021-07-30 15:10:40 · 1265 阅读 · 0 评论 -
html---什么是html
web前端入门笔记之html(1)web前端入门肯定是先学习html,那么html到底是什么呢?1、什么是HTMLHTML是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页2、HTML的作用是什么(通俗的来讲,就是可以用它来制作美丽各种界面)Web浏览器的作用是原创 2021-07-30 13:31:21 · 185 阅读 · 0 评论