最近簡單HTML

Hello!

Hello, world!

HTML中form表單

Forms

Favorite Color:

Blue

Green

Yellow

Red

相對比較復雜的HTML

超鏈接href

有序列表和無序列表

圖片

表格

HTML Elements

A Large Heading

A Smaller Heading

The Smallest Heading

A bold word and an italicized word!

View the CS50 Website!

An unordered list:

• foo
• bar
• baz

An ordered list:

foo

bar

baz

An image:

OceanAverage DepthMaximum Depth

Pacific4280 m10911 mAtlantic3646 m8486 m

CSS簡介

在HTML中嵌入CSS

Hello!

A Colorful Heading!

Hello, world!

指定整個 body的樣式

Hello!

A Colorful Heading!

Hello, world!

將CSS放在前面

Hello!

h1 {

color: blue;

text-align: center;

}

A Colorful Heading!

Hello, world!

單獨的CSS文件

h1 {

color: blue;

text-align: center;

}

Hello!

A Colorful Heading!

Hello, world!

給表格添加CSS

table {

border: 1px solid black;

border-collapse: collapse;

}

td {

border: 1px solid black;

padding: 2px;

}

th {

border: 1px solid black;

padding: 2px;

}

table {

border: 1px solid black;

border-collapse: collapse;

}

td, th {

border: 1px solid black;

padding: 2px;

}

更復雜的CSS

Pseudoclasses

button {

background-color: red;

width: 200px;

height: 50px;

font-size: 24px;

}

button:hover {

background-color: green;

}

Button 1

Button 2

Button 3

總結

以上是生活随笔為你收集整理的html显示yuv,CS50 HTML和CSS基础(介绍最简单的HTML和CSS)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。