서버 실행 파일
var express = require('express');
var app = express();
var http = require('http');
var server = http.createServer(app).listen(80);
app.get('/testcss', function (req, res) {
res.sendfile("css.html");
});
app.get('/testjs', function (req, res) {
res.sendfile("javascript.html");
});
console.log("server is running...")
CSS 파일
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>css 연습</title>
<style>
li {
font-size:24px;
color:red;
}
h1 {
font-size:40px;
color:red;
font-style:italic;
text-align:center;
}
h2 {
font-size:30px;
color:blue;
font-align:left;
text-decoration:overline;
}
h3 {
font-size:10px;
color:green;
text-align:right;
text-decoration:underline;
}
h4 {
font-size:50px;
color:gray;
text-transform:capitalize;
}
h5 {
font-size:25px;
color:gold;
text-transform:lowercase;
}
h6 {
font-size:35px;
color:#795548;
text-align:right;
text-transform:upppercase;
}
<!-- 얘는 안 된다. h1~h6 까지만 됨. -->
h7 {
font-size:20px;
color:pink;
text-align:center;
}
</style>
</head>
<body>
<h1>Css</h1>
<h2>Javascript</h2>
<h3>html</h3>
<h4>sql</h4>
<h5>Web</h5>
<h6>Polytech</h6>
<h7>apapapapap</h7>
</body>
</html>
h1 ~ h6 까지만 가능하다.
font-size:00px;
color:green; 또는 #795548; 색상표에서 찾아올 때는 #을 붙인다.
font-style:italic; 폰트 스타일을 정한다.
font-align:left; 또는 center; 또는 right; 화면 좌측, 중앙, 우측 어디에 위치시킬건지를 정한다.
text-decoration:underline; 또는 overline; 밑줄, 윗줄
'개발자 > HTML' 카테고리의 다른 글
| 자바스크립트 HTML 연습 (0) | 2020.07.01 |
|---|---|
| HTML 테이블 생성기 (0) | 2020.06.18 |
| 자바 HTML (0) | 2020.05.29 |
| HTML 테이블 구조 (Python 웹크롤링) (0) | 2020.05.04 |
| HTML 태그 구조 (0) | 2020.04.15 |