文档声明和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 ...
最新文章
- 【太阳软件】动态换ip软件:反爬虫对抗对数据分析的影响
- IDEA+selenium+TestNG+java+git+maven+jenkins实现Web UI自动化集成
- C++horspool算法查找字符串是否包含子字符串(附完整源码)
- 数据源管理 | 关系型分库分表,列式库分布式计算
- 华为Y9 Prime 2019曝光:无刘海无水滴全面屏+升降前摄
- LuoguP2680 运输计划
- DataFrame的级联合并操作
- 第1章:认识Java
- java将pdf旋转(亲测有效)
- Ubuntu关闭自动更新
- 谁谋杀了我们的游戏?转自 斗战神制作人-Yocar
- 拆轮子之Fish动画分析
- 泰国80亿互联网记录数据库泄漏,疑遭黑客攻击
- git-如何将本地分支与远程分支关联
- 【Makefile】strip
- vue打包时候报错(压缩css错误) building for production...Error processing file: static/css/app.e8b75d3d19abc5bbb
- MTK Android 11 预装可卸载APP
- org.apache.tinkerpop.gremlin.driver.exception.ResponseException: Invalid OpProcessor requested [Req
- ESP32学习笔记(七) 复位和时钟
- python数据分析有前景吗_数据分析师是否有前途
热门文章
- linux 远程挂载摄像头_如何实现嵌入式Linux下USB摄像头视频采集
- struts2.3.4 问题
- mongodb中Gson和java##Bean对象转化类
- [Training Video - 1] [Selenium Basics] [Download and Install Selenium]
- 继承,is,as,多态
- Sublime Text 3插件之Emmet:HTML/CSS代码快速编写神器
- Linux静态库和动态库学习总结
- 如何将二维数组作为函数的参数传递
- 文件桌面跟计算机同步删除吗,电脑里桌面文件被不慎覆盖了如何恢?
- 少儿编程100讲轻松学python(二)-python cv2模块怎么安装