我们终於要开使进入网页世界,一开始会觉得好多标签名称要记得、时不时也会忘记放入结束标签,而出现错误。
但至少使用HTML做出一个简单的网页架构,对初期刚接触的我来说,也有不少成就感。
以上认识元素、练习如何使用,基本上就可以做出网页的架构啦。那也完成了一个部分了,别忘记也要push 上 Github 喔。
在 HTML 中加入 style 属性,来撰写CSS
<h1 style="color:blue;">A Blue Heading</h1>
<p style="color:red;">A red paragraph.</p>
在 HTML 档案中,建立<style></style>
区块
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
用link的方式,连结到另一个css档案
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
/*This example links to a
style sheet located in the same folder as the current page*/
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<link rel="value">
,"stylesheet"文档的外部样式表<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
//HTML4 与 (x)HTML
<script type="javascript.js"> </script>
//HTML5
<script src="javascript.js"> </script>
<<: Day 07 Azure cognitive service- 於是,Chatbot 也有了智慧
台湾目前常听到的公有云不外是以下三巨头 AWS : Amazon Web Services AZUR...
字符串编码转换 在 python3.x 中,默认采用编码格式为UTF-8 在 python 中,有两...
前言: 常常看到特效电影幕後花絮,都有请演员在绿幕前在录动作身上都有点点,在萤幕上变成火材人,姿态估...
众多使用者推荐,SEO 套件唯一好选择 YoastSEO 暨昨天的文章【领域展开 23 式】 Pag...
「鲑鱼均,因为一场鲑鱼之乱被主管称为鲑鱼世代,广义来说以年龄和脸蛋分类的话这应该算是一种 KNN 的...