728x90
회사에서 교육을 들으라고
멀티캠퍼스에서 html 강의를 수강신청했다.
Do it! HTML5 + CSS3 웹표준의 정석 책까지 보내주길래
꽤 최신의 괜찮은 강의를 기대했는데^^
2013~4년에 촬영한 강의인듯하다ㅎㅎ
프론트는 안그래도 빨리 기술이 변하는데 이렇게 예전 강의를 들으라고 하면....
너무하다.....
그래도 책은 2020년 최신판이니
책을 기준으로 잡고 강의를 보조도구로 생각하고 진행할 생각이다.
html의 구조는 이러하다.
<html>
<head>
</head>
<body>
</body>
</html>의 구조이다.
<html> 는 웹 문서 시작을 알리는 태그 (사용할 언어를 지정)
<head>는 브라우저에게 정보를 주는 태그
<title>,<meta> 태그가 head태그 내부에 들어간다.
meta태그는 인코딩방법을 지정하는 역할, 모바일기기 고려하는 역할, 검색엔진 고려하는 역할을 한다.
<body>는 실제 브라우저에 표시될 내용을 의미한다.
<코드>
<!DOCTYPE html>
<HTML LANG="KO">
<HEAD>
<META charset="UTF-8">
<TITLE>내가 처음으로 만드는 문서</TITLE>
</HEAD>
<BODY>
<H1> 시간이란...</H1>
<IMG SRC="movie2.jpg">
</BODY>
</HTML>
이 코드를 vscode에 입력하고
우클릭 - open with live server를 하면 화면이 나타난다.
title로 지정한 말이 위에 잘 뜨고, 이미지도 잘 뜬다.
반응형
'프로그래밍 > HTML&CSS&JAVAscript' 카테고리의 다른 글
| 생활코딩-HTML 강의 정리 (1) | 2023.03.10 |
|---|---|
| (2)HTML5와 웹표준(API, CSS 3.0) 마스터하기 _ 텍스트를 덩어리로 묶어주는 태그 (0) | 2023.03.05 |
| HTML_from태그가 뭘까 (0) | 2023.01.24 |