-
[1장]구조읽은 책/HTML&CSS 2014. 4. 5. 13:13
처음 봤을 때 잡지책같은 분위기의 서적입니다~~'-' (단점: 무겁다..) 잡지같은 분위기라 편히 쉽게 읽을수 있네요~!! 굿
< 정리내용 >
1. 목표
- HTML 과 웹페이지의 구조
- 태그와 요소를 문서에 추가하는 방법
- 첫번째 웹페이지를 작성 ( 실습!)
2. 내용정리
구조- 정보의 계층구조를 볼 수 있음.
- 제목, 부제목, 내용(내용 안에서 별도의 섹션을 가질 수도 있다)
; 구조를 나누면 정보를 더 눈에 알기 쉽게 하는듯..
HTML : HyperText Markup Language
구성 : <> 로 구성. 열기태그(opening tag) ex. <p> 닫기태그(closing tag) </p> 닫기태그에는 '/' 가 들어감.
HTML 요소 (element) : 열기·닫기 태그와 이 사이에 있는 모든 콘텐츠를 포함한다.
태그 ≒ 요소
속성: 요소의 콘텐츠에 대한 추가 정보를 제공
이름과 값으로 구성 / 이름은 소문자로 작성해야 한다.
HTML 5에서 대문자 속성이름을 사용하거나 값에 ""을 사용안해도 되지만, 권장하지 않음.
예시 : <p lang = "en-us"></p> lang 이 이름 , "en-us"가 값.
< element >
P : paragraph , 단락의 의미.
what is it?
CMS : content management system...
3. 학습요약
HTML은 텍스트문서다.
HTML은 태그 (꺽쇠 괄호 안에 있는 문자)를 사용해 둘러싼 정보에 특별한 의미를 제공한다.
태그를 종종 요소라고도 한다.
태그는 일반적으로 쌍을 이룬다. 열기태그는 콘텐츠의 시작을 나타내며, 닫기 태그는 끝을 나타낸다.
열기태그에는 속성이 있으며, 속성은 요소의 콘텐츠에 대한 설명을 제공한다.
속성은 이름과 값이 필요하다.
HTML을 배우려면 사용할 수 있는 태그가 무엇인지, 어떤 역할을 하는지, 어디에 사용할 수 있는지 알아야 한다.
< 실습 >
메모장을 키고 아래 코드를 쓰고 파일은 XXXX.html로 저장한다. XX는 여러분이 원하는 걸로..ㅎ
html파일형식으로 저장을 해야 웹페이지에서 볼 수 있어요.
<html>
<head><title>첫번째 웹페이지</title>
</head>
<body>
<h1>첫번째 제목</h1>
<p>메모장으로 작성</p>
</body>
</html>
그런다음 브라우저(인터넷)를 키고 내가 작성한 html코드를 드래그앤 드롭하면! 내용이 뜬것을 볼 수 있습니다! 아래처럼!
'읽은 책 > HTML&CSS' 카테고리의 다른 글
[3장] 목록 (0) 2014.04.07 [ 2장 ] 텍스트 (0) 2014.04.05
