当前位置:首页 » 网页前端 » 前端之html
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端之html

发布时间: 2023-01-14 17:15:22

前端开发 之 HTML基础(二)

标记 在表示HTML文档内容结构和含义的时候,通常有两种方式,我们分别称 单标记 和 双标记 ,或者叫 空标记 和 普通标记 。
双标记(普通标记):
<标记名称 属性1名="属性1值" 属性2名="属性2值" ……></标记名称>
单标记(空标记):
<标记名/>

注释符:``

语法: <h#> </h#>
说明:
其中#可以选择1-6.
文本标题(h1-h6)

![](目标文件路径及全称)

<a href="目标文件路径及全称/链接地址" title="提示文本" target="" >链接文本/图片</a>
`

Ⅱ 前端入门之HTML的表格

表格:

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。border是边框属性。

row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2

运行结果:

image

表格标签:

| 标签 | 描述 |

|

| 定义表格 |

|

| 定义表格的行 |

|

| 定义表格列的组 |

|

| 定义用于表格列的属性 |

|

| 定义表格的页眉 |

|

| 定义表格的主体 |

|

| 定义表格的页脚 |

表格形式:

1.无边框表格

第一种:100200300400500600第二种:100200300400500600

2.表头

水平标题:表头一表头二表头三100200300垂直标题:表头一100表头二200表头三300

运行结果:

3.标题

标题表头一100表头二200表头三300

运行结果:

4.跨行跨列的表格单元格(

合并单元格:

单元格属性:

colspan=2 水平合并 向右合并 值包含自己

rowspan=2 垂直合并 向下合并 值包含自己

合并单元格本质就是改变宽度 高度 占位实现的



表头一表头二100200300表头一100表头二200300

运行结果:

5.表格内的标签

这是一个段落

这是另一个段落

运行结果:

6.单元格边距, cellpadding="0" 边距(内容和单元格的距离)

运行结果:

7.单元格间距, cellspacing="0" 间距(单元格与单元格的距离

运行结果:

Ⅲ 前端之骨架html

    前面介绍了html,其实就是一个html文档的基本构架。

    那么html中它的标签就是构成骨架的重要的元素。即我们所看到的一个页面就是有各个标签的功能所构成的。

    如重要的标签div  是一个盒子。

    标题标签title

    标题标签h1~h6,有权重性。H1的权重性最高,越往后越低。Title与h标题的区别在于Title标题是用于整个页面的标题,h标题用于于文章中的标题。

      段落标签p

      超链接标签a标签

      行内标签span标签.

      无序列表标签ul>li

      有序列表ol>li

      还有经常用到的图片标签,img

    下面为整个标签的效果图

    当然了,你需要怎么样的排列布局,那就要用到相对应的标签和功能。排列成自己喜欢的网页,那就可以了。

    更多的知识,可以和我讨论,交流。

 

Ⅳ 学习前端html与html5有什么区别

区别不大。 HTML5是HTML标准,是一项标准化协议。
HTML代表超文本标记语言,用于使用标记语言设计网页。HTML是超文本和标记语言的组合,超文本定义了网页之间的链接;标记语言用于定义标记内的文本文档,该文档定义网页的结构。此语言用于注释(在计算机注释中)文本,以便机器可以理解它并相应地操作文本。
大多数标记(例如HTML)语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。
通俗来说,HTML5是HTML的第五个版本,HTML5中删除或修改了许多元素。
HTML代表超文本标记语言,用于使用标记语言设计网页。HTML是超文本和标记语言的组合,超文本定义了网页之间的链接;标记语言用于定义标记内的文本文档,该文档定义网页的结构。此语言用于注释(在计算机注释中)文本,以便机器可以理解它并相应地操作文本。
大多数标记(例如HTML)语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。
HTML5是HTML的第五个版本,HTML5中删除或修改了许多元素。

Ⅳ 小白总结:前端HTML基础知识点(1)——元素总结

HTML中的标签元素一般分为三大类,它们分别是:块级元素、行内元素、行内块级元素。下面总结一下这几类元素的特点及应用。

01 块级元素

特点:

① 独占一行、从上到下排列

② 可直接控制宽度、高度及盒子模型的CSS属性(width 、height、padding 等属性值)

③ 在不单独设置宽度的情况下,块级元素的宽度(width属性)继承父元素

④ 在不单独设置高度的情况下,块级元素的高度(height属性)靠自己的基因(它本身内容的高度)

块级元素从我的理解来说,就是一个大框框,用来框住其它元素不要乱跑乱窜的,只能在一定范围内活动。所以,它通常会用来进来大的结构搭建。

常用的块级元素:

02 行内元素

特点:

① 元素与元素之间会自动排列成一行,遇到空间不够自动换行

② 默认高度和宽度(width、height)属性与它们的内容有关,无内容那么它本身也就是虚无。

③ 行内元素不支持padding、margin的上下调动(它们就是紧挨着不离不弃、除非用外部手部强制拆散它们)

行内元素一般用来修饰点缀内容而用,语义化比较强,用来加强代码的可读性。

常用的行内元素:

03 行内块元素

特点:

从这个名字就可以看出来,它是一个结合体,块级元素和行内元素的结合体。它具备二者共有的一些特点,使用非常频繁。

① 元素具有块级元素的属性(width、height等属性),可以对其直接控制

② 虽然有宽和高,但是他并不会霸道地独占一行,它具有行内元素的“亲情属性”,会自动排列挨在一起。

③ 行内块元素支持padding、margin的上下调动

欢迎大佬提点指正

Ⅵ 前端跟HTML有什么关系

肯定有关系的!而且前端是比较容易学会的!如今,整个互联网行业都缺少Web前端工程师,无论是刚起步的创业公司,还是上市公司,都存在这一问题,特别优秀的Web前端工程师简直比大熊猫还稀少。不仅在国内,放眼全球,Web前端工程师一样是需求旺盛,成了供不应求的香饽饽。
Web前端开发相关职位需求,基本上每天都是保持在几千的需求量,并且起始薪资还是较高的,一般都是在8k-12k左右,随着工作时间和经验的增长,薪资的涨幅也是比较可观的。
就业方向广
在目前互联网时代,只要公司有需要开发互联网产品,包括网站、网页、H5、小程序、APP等等,就需要前端开发工程师岗位,具体的就业方向还可以按公司的技术需求来区分,侧重点各有不同,就业行业随着互联网的发展,已经变得越来越广泛了。
未来发展前途好
随着5G时代的到来,之后在移动互联网领域将会出现新的开发场景,包括自动驾驶、车联网、物联网、人工智能、智能家居还有可穿戴设备等领域将带来大量的前端开发需求。有需求就会有市场,所以2021年Web前端还是会一如既往地“红”下去。