什么是HTML?

W3C:万维网联盟,是目前web技术领域最具权威和影响力的标准机构,目前为止,W3C已发布了200多项影响深远的web技术标准及实施指南。

Hypertext markup language:超文本标记语言,该语言书写的代码通常会被浏览器解析执行渲染成网页。

Hypertext 超文本:不只包括文本,也可以包括图片,链接,音乐,视频等非文本元素

markup language 标记语言:是一套标记标签,HTML使用标记标签来描述网页。

HTML用于定义文档的内容结构

一个网页就是一篇文档

而一篇文档最核心的,就是内容,不同的含义内容组成了文档的结构

什么是CSS?

根据W3C定义,    CSS全称Casading style sheet

用于定义HTML文档的样式(外观)

Casading Style Sheet:层叠样式表,该语言书写的代码通常会被浏览器解析执行

HTML文档页面中的外观样式都是由Css决定

HTML注释

注释的书写格式:< !--注释内容-->

.HTML注释主要用于描述代码功能

.浏览器解析HTML代码是会忽略注释内容

HTML元素

1. HTML元素是HTML文档的重要组成部分,一个HTML文档由大量的元素组成 HTML中的所有内容结构,都是靠元素组织到页面中的
2. HTML元素由起始标记 属性 元素内容 结束标记组成 书写格式:**<起始标记 属性>元素内容<结束标记>**; 属性表示元素的额外信息;属性由属性名和属性值组成,书写格式:**属性名=“属性值”**

起始标记,元素,结束标记内容共同决定了一个元素的显示内容和行为

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>我是歌谣</title>
</head>
<body><p>我是歌谣</p><h1>我是歌谣</h1><h2>我是歌谣</h2><h3>我是歌谣</h3>
</body>
</html>

第一个test.html

前端学习(2):什么是html和css相关推荐

  1. html5页面结构案例,前端学习笔记(五)HTML+CSS静态页面实战案例:幸福西饼首页和百度首页...

    按照知乎上面汪小黑推荐的前端学习路径,在自学了HTML和CSS之后,开始尝试实战制作静态页面小项目. 幸福西饼首页制作 首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材.源 ...

  2. 【前端学习之HTMLCSS进阶篇】-- CSS第一篇 -- @规则与web字体图标

    [前端学习之HTML&CSS进阶篇]- CSS第一篇 - @规则与web字体图标 文章目录 [前端学习之HTML&CSS进阶篇]- CSS第一篇 - @规则与web字体图标 前言 一. ...

  3. 前端学习(284):纯css实现翻书效果

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  4. 前端学习小demo:使用HTML+CSS+bootstrap+Vue2.0编写一个简易的音乐播放器(仿网易云)

    具体的操作流程(实现步骤): 1.歌曲搜索 2.歌曲播放 3.歌曲评论 4.播放歌曲的MV(有的歌曲没有MV) 代码编写过程: 1.创建一个Vue项目(前提是安装好了node.js.npm.vue) ...

  5. 前端学习第一阶段——第五章 CSS(上)

    5-1 CSS基本选择器 01-CSS层叠样式表导读 02-CSS简介 03-体验CSS语法规范 04-CSS代码风格 05-CSS选择器的作用 06-标签选择器 07-类选择器 08-使用类选择器画 ...

  6. 前端学习(2513):组件css作用域

  7. 前端学习日记(八):css中字体、列表、鼠标形状、显示与隐藏、溢出处理、盒子模型的简单应用

    一.字体样式(font) font-style [用于打开和关闭斜体文本] • normal 正常字体,关闭斜体 • italic 斜体 • oblique 模拟斜体 font-weight [为字体 ...

  8. 前端要怎么学,前端学习路线图

    前端学习路线图 第一阶段: HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础: Js基础教程.js内置对象常用方法.常见DOM树操 ...

  9. css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇

    web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动 这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1.高度塌陷 举个例子我们看一下. 我们在 ...

  10. html css 前端实现消息提醒数_自学的福音,web前端学习全套视频教程+最新学习思维导图都在这里...

    1.产品经理.这些是负责策划应用程序的一群人.他们会想出很多新鲜的.奇怪的.甚至是不可能实现的应用.一般来说,产品经理都追求丰富的功能. 2.UI设计师.这些人负责应用程序的视觉设计和交互模拟. 3. ...

最新文章

  1. C语言中文件的读写(fputc和fgetc)(putchar和getchar)
  2. Android system server之WindowManagerService按键消息传播流程
  3. hdu 5266(线段树+LCA)
  4. 简述css布局技术的特点,div+css布局技术漫谈
  5. Cpp 对象模型探索 / 程序转化语义
  6. vc socket api建立TCP连接(包括域名解析)并收发数据的代码模板
  7. SAP Spartacus里的converter实例化逻辑
  8. java中类模型_java中的数据模型类
  9. Linux!为何他一人就写出这么强的系统,中国却做不出来?
  10. java日志分级概要
  11. android版直播伴侣,来疯直播伴侣
  12. python函数图像绘制、函数不固定_Python中函数图像快速绘制的方法
  13. uniapp:轮播里如何加入视频
  14. ubuntu 18.04 安装postgre+postgis+pgadmin3+导入shapefile
  15. QT编程错误解决——error: no matching function for call to
  16. 关于VMware workstation Player的虚拟网络编辑器没有的情况
  17. 漫谈递归——递归需要满足的两个条件
  18. oracle汉字变成方框,电脑操作系统所有的汉字都变成方框了,是什么原因,怎么办?...
  19. SpringBoot全局配置文件介绍
  20. Comprehensive Analysis of Time Series Forecasting Using Neural Networks

热门文章

  1. liux 常用操作命令
  2. 5年后你最想要什么?
  3. HTTPS下导出excel失败解决办法
  4. Metropolis Hasting算法
  5. oracle视图执行脚本,Sh脚本中查询Oracle v$视图时需要在$号前加转义符“\”
  6. ad如何设置pcb板子形状_手把手教你在PCB上添加泪滴
  7. python dry原则_关于Python 的这几个技巧,你应该知道
  8. 通过进程ID获取基地址
  9. VScode配置eslint保存自动格式化,eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号;““
  10. [react] 在React中怎么阻止事件的默认行为?