1강
프론트엔드 개발
웹 브라우저 화면에 보이는 부분을 다룸
HTML, CSS, 자바스크립트 사용
2강
작업 환경 설치
3강
HTML은 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어
<!DOCTYPE html>
<html lang="ko"> #한국어로 할 때
<head>
<meta charset="UTF-8">
<title>웹 개발 입문</title>
</head>
<body>
<h1>웹 개발 기초</h1>
<p>HTML</p>
<p>CSS</p>
<p>자바스크립트</p>
</body>
</html>
head에 있는 내용은 정보보호로써 웹 브라우저만 알고 있다.
body는 웹 브라우저 화면상에 보이는 내용이다.
4강
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>첫 번째 문서연습 </title>
</head>
<body>
<h1>웹 문서 만들기</h1>
</body>
</html>
기본적인 문법 연습
<br> 줄바꿈 태그, 닫는태그가 없다
<hr> 가로줄을 만들어준다, 닫는태그가 없다.
<b> 볼드체
<ol> order list 순서가 있는 목록 삽입
<li> ol안에 들어가는 목록
<ul> 순서가 없는 목록 삽입
4-2강
웹문서에 다양한 내용 입력하기
<img> 이미지 삽입 태그
<img src="images/tangerines.jpg" alt="레드향">
대체 텍스트 넣어주기
<audio> 음성 삽입
<audio src="medias/spring.mp3" autoplay loop></audio>
<a> 하이퍼 링크 삽입하기
href =
target="_blank" 하이퍼 링크로 들어갔을때 다음 페이지로 넘어가게 만드는 것
'대딩코딩' 카테고리의 다른 글
| Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 (0) | 2024.03.10 |
|---|---|
| Do it! HTML+CSS+자바스크립트 웹 표준의 정석 6~10 (0) | 2024.02.03 |
| WEB node.js 3 (0) | 2023.12.27 |
| WEB2 node.js (0) | 2023.11.26 |
| WEB 서버 만들기 2 (2) | 2023.11.20 |
