小传奇_2681
小传奇_2681

HTML学习

简介

什么是HTML？

  • HTML：超文本标记语言 (Hyper Text Markup Language)
  • HTML是一种标记语言（markup language），标记语言是一套标记标签（markup tag）组成的
  • HTML使用标记标签来描述网页

HTML标签

  • 尖括号包围关键词，如
  • 标签成对出现，如和
  • 第一个和第二个对应开始标签（开放标签）和结束标签（闭合标签）

HTML文档=网页

HTML文档包含HTML标签和纯文本
例子：





my first heading



my first phatograph

编辑

右击新建文本文档（记事本）
编辑代码 - 另存为 xxxx.html - 打开这个
会出现类似效果

image

链接

< a href="链接“>描述

元素

  • 元素的内容是开始标签与结束标签之间的内容
  • 大多数HTML元素是嵌套结构
  • 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
    在开始标签中添加斜杠，比如
    ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
  • 建议使用小写标签（相较于

    使用

    ）

HTML属性

  • 属性为HTML元素提供附加信息
  • 属性总是以名称/值对的形式出现，比如：name="value"
  • 属性总是在HTML元素的开始标签中规定的
  • 始终为属性值加引号

HTML标题

标题级别：

一级标题


二级标题


直到
六级标题

tip：仅仅使用在标题中，粗体文本可使用其他标签或CSS

标题居中

标题内容

HTML水平线

标签在HTML页面中创建水平线，用于分割内容。
如： 

A paragraph




this is a paragraph




as the same

代码注释
`` 注释内容不会显示
查看源代码
右击——查看源文件/查看页面源代码

段落

段落文本

段落元素由 p 标签定义

空行：插入
标签
拆行

This is 
a para
graph with line beraks

Tips:不要在源代码中连续空格/空行

格式化

文本格式化

粗体：this text is bold
斜体：this text is emphasized
this text is italic

表单

输入框 input type="text" 


First name:

单选按钮 


Male


Female

多选按钮 


走中国特色社会主义道路


我爱我家

按钮

大输入框