文档声明和HTML样式表
文档声明
不是注释也不是元素,总是在HTML的第一行
书写格式:<!DOCTYPE HTML> 是用于通知浏览器目前文档正使用哪一个HTML版本(相关属性 lang)
若不写文档声明,浏览器渲染页面时会进入怪异模式
HTML元素又叫根元素或根标记,是所有元素的祖先元素
例:<html lang="en"></html>表示该文档中的文字用英语
<html lang="zh-cmn-hans"></html>表示该文档中的文字用简体中文
head元素又叫文档头,他是HTML的第一个子元素
head元素通常包含以下元素<title>\<meta|>\<style>\<link>
<meta charset="UTF-8">指示浏览器使用字符编码集UTF-8解析页面(meta是一个空元素)
body元素又叫文档体,网页上所有可见内容都放置在该元素中
快速添加内容的快捷方式:lorem N tab或p>loremN tab
导入外部样式表
例:<link rel="stylesheet" href="./main.css">
外部样式表是写在head元素范围中的
link空元素表示引用外部资源 stylesheet表示导入的文件类型 href表示添加路径 main.css表示css相对于HTML的路径
路径中的./表示同级的文件,../表示要返回上级
特点:实现结构与样式分离,方便维护
导入内部样式表
例:<style type="text/css"> <p>.......</p></style>
内部样式表也是写head元素范围中的
导入行内样式表
例:<p style="color:red;">............</p>
行内样式表是写在body元素范围内的
文档声明和HTML样式表相关推荐
- 山东标梵讲解如何在HTML文档中使用CSS样式表?
在HTML中,我们可以通过以下三种不同的方法将CSS样式表链接到Html文档: 使用内联样式 使用嵌入样式或内部样式 使用外部样式 使用内联样式 这是将CSS样式添加到HTML文档或代码中的最简单方法 ...
- html文档主体的根标签,2 HTML简介标签嵌套和并列关系文档声明
HTML:Hyper Text Markup Language 超文本标签语言(hyper:精力旺盛的 markup:标记 n noun) HTML不是编程语言,而是一种标记语言(就是一套标记标签) ...
- HTML文档中应用css样式的方法总结
在HTML文档中应用css样式大致有三种方法:1.link标签链接外部样式表:2.使用style元素包含样式表:3.使用style属性,即内联样式 一.link标签链接外部样式表 先看一条较为标准的l ...
- 前端开发 html第二课 自结束标签 注释 标签中的属性 文档声明 进制 字符编码 文档使用 VScode 实体 meta标签 语义化标签 块元素和行内元素 布局标签
1 自结束标签 标签一般成对出现,但是也存在一些自结束标签 如: 多"/"和没有"/"区别不大 2 注释 注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
- Java使用FreeMarker自动生成Word文档(带图片和表单)
Java使用FreeMarker自动生成Word文档(带图片和表单) 1 背景 2 目标效果 3 创建Word模板 3.1 创建模板文档 3.2 转换模板文档 3.3 处理模板文档中的占位符 3.4 ...
- 前端第二章:3.HTML文档声明、存储容量换算、字符编码、字符集、HTML帮助文档Zeal
一.文档声明 1.因为html4和html5的语法并不完全相同,所以需要文档声明 2.在HTML中,不区分标签大小写 3.这个就是文档声明: 二.容量换算 三.字符编码 1.所有的数据在计算机中存储都 ...
- vue - element <upload> 组件批量上传文档,可携带其他表单数据项一同与文件 “手动提交“ 服务器(类似百度文库系统批量上传前端界面与逻辑)超详细教程示例源码,提供界面与逻辑完整源码
效果图 本示例使用的是 element 组件库,其实什么组件库都行(逻辑是一样),只要你是 vue.js 项目就能使用本教程. 本文实现了 vue + element 使用 upload 组件批量上传 ...
- xml文档声明及基本语法
---------------------------------------xml文档声明及基本语法------------------------------------------- XML文档 ...
- 同时删除多个 Excel 文档前几个工作表
概要:一个 Excel 文档经常会包含多个工作表,也就是常说的 Sheet,有时候可能文档当中前面几个工作表示我们不想要的,所以我们就需要对这些工作表进行删除.但是怎么样才能够做到同时删除多个 Exc ...
最新文章
- 控制C++的内存分配
- oracle sum 数据类型,五、Oracle内置函数
- canal应用一:基于mysql binlog的日志解析工具
- [html] 说说你对cookie和session的理解
- matlab几何计算程序集
- struts 标签s:ierator的简单使用说明
- window.postMessage 跨窗口,跨iframe javascript 通信
- mongodb获取数组中只符合条件的元素
- Linux之ls命令
- matlab2014a VS2010混合编程
- 微信网页开发(2)--使用微信开发者工具
- php phalcon 安装,Phalcon框架安装与使用教程介绍
- window10 win10 查看本机IP
- 服务器bios上传文件,巧改BIOS设置 让文件服务器性能提升10%
- Python计算机视觉编程第1章基本的图像操作和处理
- ker矩阵是什么意思_如何理解正定矩阵和半正定矩阵
- python图片目标检测_python+opencv实现目标检测中图片怎么插入
- 3 分钟生成一个单元测试报告,这个样式爱了
- 将具有默认值的列添加到 SQL Server 中的现有表
- [sg] Android 6.0 判断SD卡是否挂载,获取SD卡路径,和挂载的U盘进行区分