天涯论坛

 找回密码
 立即注册
搜索
查看: 86|回复: 1

前端研发入门干货之HTML

[复制链接]

3059

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139060
发表于 2024-6-29 16:57:20 | 显示全部楼层 |阅读模式

#博学谷IT学习技术支持#

说到网页前端研发,就必然绕不外先从HTML入门啦。以下是1星期能够把握的HTML知识总结~

1.什么是HTML?

HTML全叫作Hyper Text Markup Language,即“超文本标记语言”,“超文本”既指它超越了文本的限制,又指的是超链接文本,而标记语言其实便是一种标记标签。

2.HTML是做什么用的?

咱们能够把一个网页分为三个部分:结构(structure)、表现(presentation)、行径(behavior)。结构便是网页中含有的元素,表现指的是咱们所看到的这些元素的外观样式,行径便是行径交互,这三种形成必须经过HTML、CSS、Javascript来实现。因此咱们将结构写入HTML文件中,将表现写入CSS文件中,将行径写入Javascript文件中。

3.常用的HTML标签总结

HTML是由于尖括号<>包裹重要词,一般成对显现(双标签),少许单个显现的(单标签)。

基本结构:

<html></html>根标签

<head></head>头部

<title></title>标题

<body></body>主体

ctrl+/添加注释

排版标签:

<h1>---<h6>标题标签

<p>段落标签

<br/>换行标签

<strong>/<b>加粗

<em>/<i>倾斜

<del>/<s>删除线

<ins>/<u>下划线

<img>图像标签

<audio>音频标签

<video>视频标签

<a>链接标签

<dl>自定义列表整体<dt>自定义列表主题<dd>自定义列表每一项内容

<ul>序列表<ol>有序列表<li>列表的每一项

<table>表格整体<caption>表格大标题<th>表头<tr>表格每行<td>表格单元格

<input>属性值:text文本框、password暗码框、radio单选框、checkbox多选框、file文件选取、submit提交按钮、reset重置按钮、button普通按钮

<select>下拉菜单<option>每一项

<textarea>文本域标签(属性cols宽度,rows可见行数)

语义的布局标签<div><span>

初学者必定要多多练习这些标签,为将来深入学习打下良好的基本哦,提倡练习不提倡死记硬背!形成身体记忆才可更有利于工作上的运用!下周继续总结CSS~





上一篇:HTML简介、前端学习技术路线,前端编程从入门到精通笔记1
下一篇:前端入门学习,就从html初始!
回复

使用道具 举报

3121

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108633
发表于 2024-11-10 20:08:32 | 显示全部楼层
“BS”(鄙视的缩写)‌
回复

使用道具 举报

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

本版积分规则

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

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

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.