HTML & CSS

发表于 | 分类于 |

树形结构
h1元素

This is a heading.

This is a paragraph.

> 标签

This is a paragraph.

span1 一行 span2

命令行启动sublime
MAC 打开终端输入下面的命令并回车即可
ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl

添加完系统变量之后，接下来你就可以在命令行里面利用subl命令直接使用Sublime Text了：
subl file : 使用Sublime Text打开file文件
subl folder : 使用Sublime Text打开folder文件夹
subl . : 使用Sublime Text当前文件夹

Chrome
cmd + o 打开文件
Cmd + R 刷新文件

Content
递归嵌套

Article Title

Paragraph of text.

前往 MDN HTML 元素参考 中文网站 ，寻找你要使用的元素。
MDN (Mozilla Developer Network)
cmd + f 寻找关键字
bold 粗体
emphasis 着重

HTML文档模版
描述HTML的类型

Meta information goes here! 描述有关站点的元信息(例如标题)， 并提供网页正确渲染和交互，所需的脚本和样式表链接 Content goes here! 描述用户将看到的网页上的实际内容 This is a title

Hello!

按钮标签

标题标签

HomePage

Welcome to my website

about me

more

SpaceX launched the Falcom Havey

列表标签

  • HTML
  • CSS
  • JavaScript

HTML树

树形结构

你可以使用树形结构整理HTML文件，使它们更具有条理

这不仅有利于可读性，还与CSS、JavaScript的风格和编程形式保持了一致

使用链接元素创建超链接
谷歌
href代表“引用”

使用img元素创建图像 图像不需要结束标签
short description

这里是一大段有关 Udacity 的文字。很酷！接下来是图像！

Udacity Logo

路径指南
绝对路径 ：世界上任何人都可以使用地址 1600 Pennsylvania Ave NW, Washington DC, USA 20006 找到美国白宫。街道地址是指向某地点的绝对路径。
相对路径 ：但如果你就在艾森豪行政大楼， 那么你还可以使用“隔壁大楼”来查找白宫。 “隔壁大楼”需要依赖当前位置，因此是一个相对路径。

本地文件
外部文件

本地路径
外部路径
相对路径

负责为你提供网站文件的计算机称为 服务器
服务器具有任何人都可以访问的外部路径，这也正是 Web 的工作原理。
不同的网站只不过是不同的文件集合。每个网站其实都只是具有外部地址的服务器（或多个服务器）， 我们称外部地址为 URL

图片描述

redwoods
readwoods_state_park.jpg

斯托特纪念森林，杰迪戴亚·史密斯红木州立公园，2011 年，由 Chmee2 拍摄。GFDL 或 CC BY-SA 3.0，来自 Wikimedia Commons - source