標籤:src 修改屬性 繼承 atp mono ima bst 添加 大小
HTML即Hyper Text Markup Language(超文字標記語言 (HTML))。
<h1>Hello</h1>
開始標籤,結束標籤。中間為顯示文本。標籤屬性在開始標籤中。
基本標籤結構:
<html> <!-- 根標籤-->
<head>
<title><title>
</head>
<body>
</body>
<html>
<!- -和- -> 增加/刪除注釋
通過在開始標籤中修改屬性,從而修改顯示文本的屬性。
<h2 style="color: blue">CatPhotoApp</h2>
用css的方式修改如下:
<style>
選取器 {屬性名稱: 屬性值;}
h2 {color: red;}
</style>
用css聲明類別選取器:
<style>
.blue-text {
color: blue;
}
</style>
然後在標籤上應用:
<h2 class=‘blue-text‘>我家的貓咪</h2>
段落字型大小,字型修改:
p {
font-size: 16px;
font-family: Monospace;
}
引入字型:
<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> <!--以GoogleLobster字型為例-->
圖片添加
<img src="https://www.your-image-source.com/your-image.jpg"> <!-- 圖片大小格式修改與字型修改方式一致-->
<style>
.larger-image {
width: 500px;
}
</style>
然後用class繼承。
初次寫博,想換一種方式。
2017/5/10 freeCodeCamp 前端部分-html+css-總結