天涯论坛

 找回密码
 立即注册
搜索
查看: 76|回复: 2

HTML基本(新手入门必看)

[复制链接]

3039

主题

148

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99119141
发表于 2024-6-30 02:31:11 | 显示全部楼层 |阅读模式

「学习笔记」HTML基本

前言

勤做笔记不仅能够让自己学的扎实,更要紧的是能够让自己少走弯路。有人说:"再次翻开笔记是什么感觉",我的回答是:"初恋般的感觉"。或许笔记不必定十全十美,但肯定会让你有种初恋般的怦然心动。 本章着重复习Html的基本内容,学习Html到底要学些什么呢?重点是学习各样标签,来搭建网页的“结构”。✨✨ 本篇文案重点由五个章节形成,从WEB标准到初识HTML,接着学习HTML常用标签,最后学习表格列表和表单。 起始充电之旅啦~~~

1、认识WEB

「网页」重点是由于文字、图像和超链接等元素形成,当然除了这些元素,网页中还能够包含音频、视频以及Flash等。

「浏览器」是网页表示、运行的平台。

「浏览器内核」(排版引擎、解释引擎、渲染引擎)

负责读取网页内容,整理讯息,计算网页的表示方式并表示页面。浏览器内核备注

Web标准

形成」 结构标准,表现标准和行径标准

结构标准用于对网页元素进行整理和归类(HTML)表现标准用于设置网页元素的版式、颜色、体积等外观属性(CSS)行径标准用于对网页模型的定义及交互的编写(JavaScript)

「Web标准的优点」

易于守护:只需更改CSS文件,就能够改变整站的样式页面响应快:HTML文档体积变小,响应时间短可拜访性:语义化的HTML(结构和表现相分离的HTML)编写的网页文件,更易被屏幕阅读器识别设备兼容性:区别的样式表能够让网页在区别的设备上呈现区别的样式搜索引擎:语义化的HTML能更易被搜索引擎解析,提高排名

2、HTML初识

HTML初识

「HTML」(Hyper Text Markup Language):超文本标记语言

所说超文本,有2层含义:」

由于能够加入照片、声音、动画、多媒介等内容(超越文本限制 )不仅如此,它还能够从一个文件到另一个文件,与世界各地主机的文件连接(超级链接文本)。

「HTML骨架格式」

<!-- 页面中最大的标签 根标签 --> <html> <!-- 头部标签 --> <head> <!-- 标题标签 --> <title></title> </head> <!-- 文档的主体 --> <body> </body> </html>

「团队约定体积写」

HTML标签名、类名、标签属性和大部分属性值统一用小写

「HTML元素标签归类

常规元素(双标签)空元素(单标签)
常规元素(双标签) <标签名> 内容 </标签名> 例如<body>我是文字</body> ​ 空元素(单标签) <标签名 /> 例如 <br />或<br>

「HTML标签关系」

嵌套关系父子级包括关系并列关系兄弟级并列关系倘若两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。倘若是并列关系,最好上下对齐。

文档类型<!DOCTYPE >

「文档类型」用来讲明你用的XHTMLHTML是什么版本。<!DOCTYPE html>告诉浏览器根据HTML5标准解析页面。

页面语言lang

lang指定该html标签内容所用的语言

<html lang="en"> en 定义语言为英语 zh-CN定义语言为中文

「lang的功效

按照按照lang属性来设定区别语言的css样式,字体告诉搜索引擎做精确的识别让语法检测程序做语言识别帮忙翻译工具做识别帮忙网页阅读程序做识别

字符集

「字符集」(Character set)是多个字符的集合,计算机要准确的处理各样字符集文字,必须进行字符编码,以便计算机能够识别和存储各样文字。

UTF-8是日前最常用的字符集编码方式让 html 文件是以 UTF-8 编码保留的, 浏览器按照编码去解码对应的html内容。
<meta charset="UTF-8" />

「meta viewport的用法」一般viewport指的是视窗、





上一篇:HTML零基本入门教程, 零基本学习HTML网页制作(HTML基本结构)
下一篇:动态轮播图网页制作之个人网站页面设计[html+js期末大作业成品案例]
回复

使用道具 举报

2986

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569168
发表于 2024-10-15 19:23:46 | 显示全部楼层
外链论坛的成功举办,是与各位领导、同仁们的关怀和支持分不开的。在此,我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢!
回复

使用道具 举报

2996

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109194
发表于 2024-11-1 18:28:55 | 显示全部楼层
论坛外链网  http://www.fok120.com/
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 10:35 , Processed in 0.132026 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.