天涯论坛

 找回密码
 立即注册
搜索
查看: 73|回复: 4

前端入门学习,就从html初始!

[复制链接]

3069

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138952
发表于 2024-6-29 16:58:31 | 显示全部楼层 |阅读模式

首要必须运用那些工具

1.计算机 ;

2.文本编辑器-用来编写代码例如vscoe\sublime\webStorm\dreamweaver\hbuilder\记事本…等等;

3.浏览器-用来测试你的代码;

4.图像编辑器-用来编辑你的网页所必须的图像;

5.版本掌控系统-用来管理服务器文件,支持项目中的团队协作,共享代码与资源,以及避免编辑冲突

前端重点分为三大类:html (搭建页面结构)、css(为网页修饰美容) 、javaScript(为网页添加行径功能).

不说多的,就从html起始,官方定义:用于定义一个网页结构的基本技术。HTML 用于暗示你的网页内容是应该被理解为段落、列表、头部、链接、图像、多媒介播放器、表单或是其他众多可用的元素之一或是你定义的新元素。

HTML文件一般会以.htm或.html为扩展名。用户能够从web服务器中下载,并运用任一web浏览器来解析和表示

HTML 文档是包括多个 HTML 元素 的文本文档。每一个元素都用一对起始和结束 标签 包裹。每一个标签以尖括号(<>)起始和结束。有一部分标签中不必须包括文本,这些标签叫作为空标签,如<img>。

标签元素

1 HTML标签:功效所有HTML中标签的一个根节点。

2 head标签:功效:用于存放:title,meta,base,style,script,link重视在head标签中咱们必要要设置的标签是title

3.title标签:功效:让页面持有一个属于自己的标题。

4.body标签:功效:页面在的主体部分,用于存放所有的HTML标签:p,h,a,b,u,i,s,em,del,ins,strong,img

在HTML中有两种你必须晓得要紧元素类别,块级元素和内联元素(叫作为行内元素)。

块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出此刻新的一行,其后的内容会被挤到下一行展现。块级元素一般用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但能够嵌套在其它块级元素中。

块内元素特征:(1)能够识别宽高 ;(2)margin和padding的上下上下均对其有效;(3) 能够自动进行换行 ;(4)多个块状元素标签写在一块,默认摆列方式为从上至下;

内联元素一般此刻块级元素中并包裹文档内容的一小部分,而不是一全部段落一组内容。内联元素不会引起文本换行:它一般此刻一堆文字之间例如超链接元素<a>强调元素<em>和 <strong>

行内元素特征:(1)设置宽高效 ;(2)对margin仅设置上下方向有效,上下效;(3) 不会自动进行换行

如图所示,<div>与<p>均是块级元素,独霸一行,<span><img><a>为行内元素,这三个元素展示在了同一行





上一篇:前端研发入门干货之HTML
下一篇:前端苦HTML+CSS久已
回复

使用道具 举报

1

主题

750

回帖

-3

积分

限制会员

积分
-3
发表于 2024-8-22 17:19:54 | 显示全部楼层
楼主听话,多发外链好处多,快到碗里来!外链论坛 http://www.fok120.com/
回复

使用道具 举报

3138

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968624
发表于 2024-10-20 01:05:08 | 显示全部楼层
软文发布平台 http://www.fok120.com/
回复

使用道具 举报

3048

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109040
发表于 2024-11-6 00:08:53 | 显示全部楼层
楼主节操掉了,还不快捡起来!
回复

使用道具 举报

3048

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109040
发表于 3 小时前 | 显示全部楼层
同意、说得对、没错、我也是这么想的等。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 23:22 , Processed in 0.113363 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.