![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
初识HTML
文章平均质量分 67
容露俞德
前端进阶
展开
-
初识JavaScript---JS的使用方法
JS介绍:JS是运行在客户端一种解释型编程语言,前端开发的核心是JSJS作用:用来完成前后端交互,增加用户体验一个网站是由结构(HTML/HTML5)、表现(CSS/CSS3)和行为(JavaScript)组成JS组成: 1)ECMAScript(ECMA-262):基础语言部分,基础面向对象等 2)DOM(W3C):节点操作 ,接口 3)BOM(无标准):浏览器操作JS的特点:1)松散性:JS中变量没有一个...原创 2021-11-09 21:55:31 · 973 阅读 · 0 评论 -
HTML块级元素和行内元素
根据css规范的规定,每个网页元素都有一个display属性,每一个元素都有默认的display属性值,比如div元素默认属性值为block-“块级元素”,display:block;而span默认元素为inline,称为“行内元素”,display:inline;1)块级元素address dir div h1~h5 ul li form menu table p... a、独占一行空间,默认宽度占满当前屏幕/父元素 b、可以设置宽高,如果没有设置宽高,则默认铺满整...原创 2021-11-08 21:00:57 · 321 阅读 · 0 评论 -
HTML单双标签识别
单标签:只有一个标签组成换行符:<br/> 水平线:<hr/> 图片标签:<img/> 文本标签:<input/> link标签:<link/> 元信息标签:<meta/> 单标签最后要闭合"/",微信小程序开发中不闭合会报错 双标签:由“开始标签”和“结束标签”组成,必须成对使用 ...原创 2021-11-08 20:44:46 · 134 阅读 · 0 评论 -
HTML/HTML5文本格式化标签:通过标签来美化文本外观
1.b和strong行级标签不识别宽高不会独占一行:都有字体加粗作用,但是strong还有强调作用(强调主要用于SEO-搜索引擎优化,便于提取关键字)<b>加粗</b><strong>加粗且强调</strong> 2.i和em行级标签不识别宽高:使文字倾斜,em具有强调作用。如果只是简单倾斜用i标签即可,比如添加图标等<i>倾斜</i><em>倾斜且强调</em>...原创 2021-11-08 14:48:58 · 588 阅读 · 0 评论 -
认识HTML文档结构--由vscode自动生成的头部
<!DOCTYPEhtml><!--"!"表示声明,下面的文档标签将以html5规范去解析--><htmllang="zh-CN"><!--1.头部,主要用来完成一个网页的相关设置--><head><!--meta:元,主要用来完成对应设置--><!--汉字编码,不会乱码--><metacharset="UTF-8"><!--ke...原创 2021-11-07 20:47:29 · 599 阅读 · 1 评论 -
HTML学习前五天综合案例---第五天
综合案例案例要求:1.建立新文件夹,熟练使用VS Code2.所学标签至少运用到五个标签3.图片 / 链接 路径问题4.锚点设置做了一个极其简陋的新闻网,前期比较简单,学的也是最基础的HTML,所以很多都是重复的,这里复习就可以自己选择制作了。首页:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-e原创 2021-05-27 14:48:09 · 90 阅读 · 0 评论 -
HTML注释和特殊字符学习---第五天
关于HTML注释和特殊字符的学习目录关于HTML注释和特殊字符的学习一.注释标签二.特殊字符一.注释标签注释是开发人员必备的基本素养,它不仅是为了方便自己在编写大型代码项目时更有条理、更加清晰;也是为了团队合作时给他人提供便利。注释,就是HTML文档中添加一些便于开发人员理解但不会显示给用户的标示文字HTML中的注释以" <!-- "开头,以“ --> ”结束<!DOCTYPE html><html lang="en"><原创 2021-05-27 11:51:25 · 77 阅读 · 0 评论 -
HTML链接和锚点学习---第四天
HTML链接和锚点设置一.超链接标签1.1链接的语法格式超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。我们通过使用 <a> 标签在 HTML 中创建链接,a就是anchor,意为锚,语法格式如下:<a href="链接目标">文字/按钮/图像。。。</a>href属性规定链接目标,可以是该文档中的某一位置,也可以跳转到其他网页,开始标签和结束标签中间的文字等会以超链接的样式来显示原创 2021-05-26 20:27:04 · 480 阅读 · 0 评论 -
HTML标签学习---第三天
第三天:HTML常用标签学习一.<div>和<span>标签<div>和<span>是双标签是没有语义的,它们就是盒子标签,用来在里面添加内容,使布局网页更加清晰方便。div是division的缩写,表示分割、分区。span意为跨度、跨距。<div>常见用途有:作为盒子模型用于组合其他HTML元素的容器;另一个常见用途是文档布局,它取代了使用表格定义布局的老方法,而<table>标签的作用是显示表格化的数据。<原创 2021-05-26 09:53:23 · 158 阅读 · 0 评论 -
HTML标签学习---第二天
第二天:HTML标签学习在学习开始之前,为大家推荐一个HTML自学网站:https://www.w3school.com.cn/index.html该网站不仅有HTML的学习,还包含了很多其他热门语言,此外在学习之余还存在练手的空间,可以说是初学者的福音了。但是网站毕竟还是基础偏多,如果学到后期需要练手的话可以去B站找找教程,或者大家可以利用各大电商网站,尝试重构网页。原创 2021-05-24 16:16:18 · 340 阅读 · 0 评论 -
HTML和H5基础学习---第一天
第一天:HTML和H5从基础到入门目录第一天:HTML和H5从基础到入门1.网页的基本组成2.什么是HTML2.1HTML标签2.2尝试用TXT文件写网页2.3前端开发常用浏览器3.Web三大标准3.1为什么需要web标准3.2web标准的构成了解完基础知识,下面开始正式进入前端学习1.网页的基本组成网站(Website)是指在因特网上根据一定的规则,使用HTML(标准通用标记语言)等工具制作的用于展示特定内容相关网页的集合。简单地说,网站是一种沟通工具,原创 2021-05-24 14:23:19 · 138 阅读 · 0 评论