标签： html

html 入门知识记录

背景

最近用网页比较多，本来一直想把前端学习，但总没有静下来学习。所以慢慢把一些认为重要的知识点记录下来，我不想学习什么框架，我只要本质的东西

html的本质：我自己的认为

我认为只是一个描述的数据结构，比纯文本更加丰富，下面一段话是维基百科里面，突然猜想word描述文字应该和html类似的技术，因为他word可以很方便转换html，只是描述方法不一样


超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面[3]。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。

HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素（如<html>），浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。

HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素[4]。

元素区别

  • 块级元素：占一行
  • 内联元素：反之
  • 2者详细介绍

    • html布局

    我觉得html布局太过于复杂，因为我从windows或者android界面开发过来，突然去写html感觉不是很适应，找不到合适的布局标签来描述界面，比喻用wpf我默认用grid来简单描述大的界面很容易，然后填充控件就可以了，对其也没有那么复杂
    。不过基本都是通用的知识，html貌似没有提供那么直接的东西，必须通过div 或者 table 结合 css 来实现，对于新手要做稍微复杂的界面有点绕。不过这是他强大的原因吧。

    网上的说布局比较好的文章

  • 1：https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Introduction
  • 2：https://www.jianshu.com/p/c6673f8a6a5a
  • 3：https://blog.csdn.net/aitangyong/article/details/42775803

    • 总结：

    后续会慢慢补齐文章，布局和对齐，虽然我一直不是很喜欢写界面，更加喜欢业务逻辑代码，但是偶尔写一下也有点意思