Ⅰ 前端开发 之 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前端还是会一如既往地“红”下去。