1. 什么是HTML和CSS?
- HTML
超文本标记语言，通过将内容定义为例如标题、段落或图像来赋予内容结构和意义。 - CSS
级联样式表，用于设计内容外观样式的演示语言，如使用字体或颜色
注：相互独立
2. HTML常见术语
- 元素
- 标签
- 属性
2.1 元素Elements
定义页面内对象结构和内容的指示符
通过< >围绕元素名称左右来标识
如：<a> # 表示链接
2.2 标签Tags
在元素周围使用<和>创建标签
最常出现在成对的开始和结束标签中
-
<元素>开始标签，如<div> -
</元素>开始标签，如</div>
位于开始和结束标记之间的内容，是该元素的内容
如<h1>标题1</h1>
2.3 属性Attributes
提供元素的附加信息
常见属性:
- 标识元素的属性，如id
- 对class进行分类的属性
- src属性，用于嵌入内容的源
- href属性，提供链接资源
属性在元素名称之后的开始tag中定义
通常包括名称和值。
如：<a href="https://learn.shayhowe.com/html-css/building-your-first-web-page/"> HTML第一个页面</a>
3. 设置HTML文档结构
扩展名：.html
工具：sublime Text 和Dreamweaver（推荐的纯文本编辑器）、notepad++(win)或TextWrangler(mac)
结构：包括声明和元素：<!doctype html>、<html>、<head>、<body>
-
声明
文档类型声明<!doctype html>，通知web浏览器正在使用那个版本的HTML,并放置在最开头。
使用最新版本HTML,声明只有<!doctype html> -
<html>
声明之后，<html>表示文档的开始 -
<head>
<html>元素内部，<head>标识文档的顶部，包括任务元数据。均不会显示在网页本事上。
如<title>显示在浏览器窗口的标题栏上
title展示效果
参考：https://learn.shayhowe.com/html-css/building-your-first-web-page/
网友评论