HTML入门笔记1

简介: HTML入门笔记1

HTML的由来


HTML是由Tim Berners-Lee发明的,我们称他为李爵士

html是一种超文本标记语言(Hyper Text Markup Language)


HTML起手式


<!DOCTYPE html>//doctype表示文档类型
<html lang="en">//lang表示语言;中文为zh-CN
<head>
  <meta charset="UTF-8">//UTF-8是一种编码方式
  <meta name="viewport" content="width=\, initial-scale=1.0">
  <title>窗口名</title>//这个适用于页面窗口显示的名字
</head>
<body>
//在这里面写代码
</body>
</html>

常用的表章节的标签


  • 标题h1~h6

     从1到6,标题逐渐变小

  • 章节 section
  • 文章article
  • 段落 p
  • 头部 header
  • 尾部 footer
  • 主体内容 main
  • 常用来写侧边栏 aside
  • 块 div
  • pre  可以保留空格和换行
  • ul 无序列表
<ul>
      <li></li>
  </ul>


  • ol有序列表

 

<ol>
      <li></li>
  </ol>


全局属性


  • class 类名;可以重复
  • id id名,只有一个
  • hidden 隐藏元素
  • style 在标签内部写属性
  • tabindex 根据值的不同tab的响应顺序不同;-1是不响应;0是最后响应;从1往后,按顺序响应


常用的内容标签


  • a a标签是链接,
  • strong 是加粗
  • em 是强调(斜体)
  • code 是标记代码的
  • pre 可以保留文本的换行和空格
  • contenteditable 能够对内容进行编辑


目录
相关文章
|
1月前
|
前端开发 JavaScript C++
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
本文是一份超详细的HTML学习笔记,从基础认知开始,介绍了网页的构成、五大浏览器、web标准、HTML/CSS/JavaScript的区别,然后详细讲解了HTML的概念、骨架结构、常用快捷键、注释、标签结构和关系。接着,通过大量实例深入探讨了HTML的各种标签,包括排版标签、文本格式化标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签和字符实体,旨在帮助读者从0开始熟悉并掌握HTML。
35 2
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
|
2月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
61 19
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
51 13
|
1月前
|
移动开发 前端开发 JavaScript
HTML入门(详细)
HTML入门(详细)
26 0
|
2月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
3月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
3月前
|
移动开发 开发者 HTML5
构建你的首个个人网站:HTML基础入门
【8月更文挑战第29天】在数字化时代,拥有一个个人网站是展示自我、分享知识和技能的窗口。本文将引导你通过简单的步骤,使用HTML构建你的第一个个人网站。我们将探索HTML的基础标签,页面结构,以及如何将这些元素融合在一起创建一个简单的网页。无论你是编程新手还是希望扩展你的技术工具箱,这篇文章都提供了一条清晰的路径,帮助你开始你的网站开发之旅。
|
5月前
杨老师课堂之网页制作HTML的学习入门-含有案例1
杨老师课堂之网页制作HTML的学习入门-含有案例
43 3
|
5月前
|
存储 移动开发 API
HTML5本地存储:从入门到精通
HTML5本地存储:从入门到精通
75 1
|
5月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
33 0
前端基础学习(一)HTML入门