유수봉 교수의 WEB-01

Notice

Recent Posts

Recent Comments

Link

📖깃허브

« 2025/07 »
일	월	화	수	목	금	토
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Tags more

Archives

Today

Total

관리 메뉴

📌 고정 게시글

📢 공지합니다

이 게시글은 메인 페이지에 항상 고정되어 표시됩니다.

개발왕 승호 2025.05.09

최코딩의 개발

유수봉 교수의 WEB-01 본문

수업/자바스크립트

유수봉 교수의 WEB-01

seung_ho_choi.s 2024. 3. 6. 16:41

728x90

첫번째 기본 웹 만들기

<html>

<head>

<title>

승호의 첫번쨰 web page

</title>

</head>

<body>

승호 만세

</body>

</html>

두번째 !엔터 이용해서 만들기

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

하이!!

</body>

</html>

세번째 한글로 만들기

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div class="hls ps0"

style="line-height:2.79mm;white-space:nowrap;left:0mm;top:-0.18mm;height:3.53mm;width:150mm;"><span

class="hrt cs0">최승호 만세 </span></div>

</div>

</body>

</html>

body {margin:0;padding-left:0;padding-right:0;padding-bottom:0;padding-top:2mm;}

.hce {margin:0;padding:0;position:absolute;overflow:hidden;}

.hme {margin:0;padding:0;position:absolute;}

.hhe {margin:0;padding:0;position:relative;}

.hhi {display:inline-block;margin:0;padding:0;position:relative;background-size:contain;}

.hls {margin:0;padding:0;position:absolute;}

.hfS {margin:0;padding:0;position:absolute;}

.hcD {margin:0;padding:0;position:absolute;}

.hcI {margin:0;padding:0;position:absolute;}

.hcS {margin:0;padding:0;position:absolute;}

.hfN {margin:0;padding:0;position:relative;}

.hmB {margin:0;padding:0;position:absolute;}

.hmO {margin:0;padding:0;position:absolute;}

.hmT {margin:0;padding:0;position:absolute;}

.hpN {display:inline-block;margin:0;padding:0;position:relative;white-space:nowrap;}

.htC {display:inline-block;margin:0;padding:0;position:relative;vertical-align:top;overflow:hidden;}

.haN {display:inline-block;margin:0;padding:0;position:relative;}

.hdu {margin:0;padding:0;position:relative;}

.hdS {margin:0;padding:0;position:absolute;}

.hsC {margin:0;padding:0;position:absolute;}

.hsR {margin:0;padding:0;position:absolute;}

.hsG {margin:0;padding:0;position:absolute;}

.hsL {margin:0;padding:0;position:absolute;}

.hsT {margin:0;padding:0;position:absolute;overflow:hidden;}

.hsE {margin:0;padding:0;position:absolute;overflow:hidden;}

.hsA {margin:0;padding:0;position:absolute;overflow:hidden;}

.hsP {margin:0;padding:0;position:absolute;overflow:hidden;}

.hsV {margin:0;padding:0;position:absolute;overflow:hidden;}

.hsO {margin:0;padding:0;position:absolute;}

.hsU {margin:0;padding:0;position:absolute;overflow:hidden;}

.hpi {margin:0;padding:0;position:absolute;}

.hch {margin:0;padding:0;position:absolute;}

.hcG {margin:0;padding:0;position:absolute;}

.heq {margin:0;padding:0;position:absolute;}

.heG {margin:0;padding:0;position:absolute;}

.htA {margin:0;padding:0;position:absolute;}

.hvi {margin:0;padding:0;position:absolute;}

.htb {margin:0;padding:0;position:absolute;}

.htG {margin:0;padding:0;position:absolute;}

.hfJ {margin:0;padding:0;position:absolute;}

.hfG {margin:0;padding:0;position:absolute;}

.hfB {margin:0;padding:0;position:absolute;}

.hfR {margin:0;padding:0;position:absolute;}

.hfC {margin:0;padding:0;position:absolute;}

.hfO {margin:0;padding:0;position:absolute;}

.hfL {margin:0;padding:0;position:absolute;}

.hfM {margin:0;padding:0;position:absolute;}

.hfE {margin:0;padding:0;position:absolute;}

.hpl {margin:0;padding:0;position:absolute;}

.hs {margin:0;padding:0;position:absolute;overflow:visible;}

.hpa {position:relative;padding:0;overflow:hidden;margin-left:2mm;margin-right:0mm;margin-bottom:2mm;margin-top:0mm;border:1px black solid;box-shadow:1mm 1mm 0 #AAAAAA;}

.hpa::after {content:'';position:absolute;margin:0;padding:0;left:0;right:0;top:0;bottom:0;background-color:white;z-index:-2;}

.hrt {display:inline-block;margin:0;padding:0;position:relative;white-space:inherit;line-height:1.1;}

.hco {display:inline-block;margin:0;padding:0;position:relative;white-space:inherit;}

.hcc {margin:0;padding:0;position:absolute;}

.hls {clear:both;}

[onclick] {cursor:pointer;}

.cs0 {font-size:10pt;color:#000000;font-family:"함초롬바탕";}

.cs1 {font-size:10pt;color:#000000;font-family:"함초롬돋움";}

.cs2 {font-size:9pt;color:#000000;font-family:"함초롬돋움";}

.cs3 {font-size:9pt;color:#000000;font-family:"함초롬바탕";}

.cs4 {font-size:9pt;color:#000000;font-family:"함초롬돋움";letter-spacing:-0.03em;}

.cs5 {font-size:16pt;color:#2E74B5;font-family:"함초롬돋움";}

.cs6 {font-size:11pt;color:#000000;font-family:"함초롬돋움";}

.ps0 {text-align:justify;}

.ps1 {text-align:justify;}

.ps2 {text-align:justify;}

.ps3 {text-align:justify;}

.ps4 {text-align:justify;}

.ps5 {text-align:justify;}

.ps6 {text-align:justify;}

.ps7 {text-align:justify;}

.ps8 {text-align:justify;}

.ps9 {text-align:justify;}

.ps10 {text-align:justify;}

.ps11 {text-align:left;}

.ps12 {text-align:left;}

.ps13 {text-align:left;}

.ps14 {text-align:left;}

.ps15 {text-align:left;}

.ps16 {text-align:justify;}

.ps17 {text-align:justify;}

.ps18 {text-align:justify;}

.ps19 {text-align:justify;}

@media print {

.hpa {margin:0;border:0 black none;box-shadow:none;}

body {padding:0;}

}

느낀점

내용을 이미 알은 상태여서 강의를 들으니깐 훨씬 이해가 잘갔다!!

이번에 졸업프로젝트하는데 그래도 큰 도움이 될거 같다.

728x90

'수업 > 자바스크립트' 카테고리의 다른 글

유수봉 교수의 WEB-07 (0)	2024.04.17
유수봉 교수의 WEB-05 (0)	2024.04.04
유수봉 교수의 WEB-04 (1)	2024.03.28
유수봉 교수의 WEB-03 (0)	2024.03.21
유수봉 교수의 WEB-02 (1)	2024.03.14

'수업/자바스크립트' Related Articles

📢 공지합니다

최코딩의 개발

유수봉 교수의 WEB-01 본문

유수봉 교수의 WEB-01

'수업 > 자바스크립트' 카테고리의 다른 글

티스토리툴바