HTML语言

30 阅读1分钟

HTML概述

HTML概念

语言规则

html中不区分大小写,但一般都使用小写。
html中的注释不能嵌套 `<!-- 注释内容 -->`
html标签必需结构完整,要么成对出现,要么是自结束标签。
html标签可以嵌套,但是不能交叉嵌套,必须相对位置对称。
html标签中的属性可以有值,且值必须加引号。(单引号双引号都可 多层嵌套的时候注意)
html的标签又称之为元素 / 节点

HTML基础结构

<!DOCTYPE html> document type 告知浏览器我是什么文档 方便浏览器解析 
<html lang="en"> html 是所有标签的根节点 lang 语言  
<head> head 头部标签 包含了大多数的不可见标签 
    <meta charset="UTF-8"> 编码格式 utf-8 gbk big5
    <title>Document</title> tab 标签页标题
</head>
<body> 身体标签  包含了大多数可见标签 日后我们主要在写代码
</body>
</html>

</单词> 结束标签

HTML常见标签

HTML 教程 (w3school.com.cn)

基础标签

主要以图片、文本为主

1. 标题标签 h1-h6 字体加粗 字号随下角标增大而减小
2. 段落标签 p 
3. div 块级标签  独占一行  布局喜欢使用 
属性  contenteditable="true"  表示该标签可编辑 默认属性值是false
4. span 行级标签 不独占一行 
5. img 图片标签 
    属性 src 路径  网络路径 相对本地路径 
    alt 当图片无法正常显示的提示文字
    width 宽度
    height 高度
6. a 超链接
    属性
    跳转页面  href 网络路径 相对本地路径 
    下载文件  download
7. 列表
    无序列表 ul > li > a > 文字
    有序列表 ol > li > a > 文字
8. 交叉包含
    <a><img></a>
9. 辅助标签
   <br> 换行标签
   <hr> 横线