- 태그(tag)의 활용
기초에 충실하면 대부분의 기능들을 사용할 수 있다. 기초가 중요하다.
strong 볼드
u 밑줄
h1~6 글자크기
p 단락설정 (정보 )
br 줄바꿈
CSS는 더 세세하게 제작가능!
- 속성(attribute)
<img src="파일위치" width="100%">
태그가 태그의 이름만으로는 정보가 부족할때 속성을 추가한다.
- 부모 자식과 목록
li = list
ul은 unordered list의 약자이고,
ol은 ordered list의 약자
ul 태그와 li 태그는 서로에게 필요함
ol태그로 부모태그를 쓴다면
자식인 li태그에 있는 목록들이 순서가 자동으로 바뀜!
- 문서의 구조
본문을 설명하는 태그와 본문의 내용을 시작하는 태그로 구분
<!doctype html> <-- 이 문서는 Html로 작성된 것을 의미
<html> <-- html 문서의 시작과 끝
<head> <-- 문서를 설명하는 태그
<title>WEB1 - html</title> <-- 문서의 제목, 검색엔진이 웹 페이지를 분석할 때 가장 중시하는 태그
<meta charset="utf-8"> <-- 웹브라우저에게 문서가 저장된 방식을 알려주는 것
</head>
<body> <-- 문서의 내용을 시작하는 태그
본문내용 작성
</body>
</html>
- 서버 만들기 (서버 호스팅)
localhost와 같이 의미가 있는 이름을 도메인 네임(domain name), 127.0.0.1과 같이 번호로 되어 있는 것을 ip 주소(ip address)
- 접속하기
http://는 HyperText Transfer Protocol의 약자입니다. Transfer는 전송이라는 뜻입니다. 즉 웹페이지를 전송하기 위해서 만든 통신 규약이라는 뜻입니다. 주소창에 입력된 주소가 http://로 시작하면 웹브라우저는 http 통신규약에 의거하여 접속
출처: opentutorials.org/course/3084
WEB1 - HTML & Internet - 생활코딩
--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여
opentutorials.org
댓글