비전공 편입생 컴공 생존기

11. 을 만들 때 사용되는 태그는 기본적으로 1) 2) 표의 제목 3) ~~~ ~~~ ~~~ 4) ~~~ ~~~ ~~~ 5) ~~~ ~~~ ~~~ 를 사용합니다 예시를 보면서 어떻게 사용되는지 이해 해보겠습니다 진짜 그릭요거트무새 +) tr과 th 안 헷갈리게 주의!! 결과가 이상하게 출력돼요 (경험담) 은 묶음 봉다리 같은 역할 입니다. 는 글씨가 강조됩니다. head. 그래서 와 에서 사용 는 데이터 입니다. table data. 그래서 에서 사용 이렇게 나옵니다! 표에 사진도 넣을 수 있습니다. 한번 넣어보시죠! 저는 최근에 먹은 그릭요거트 사진 3개를 넣었습니다 파항항 마찬가지로 사진은 (html 문서 있는 공간에 media파일 만들고 -> 그 media 파일에 사진 저장) 하시면 됩니다! + ..

10. , , : 하나로 묶어주는 역할 : 용어/제목을 적는 곳 (을 사용하여 글씨색 진하게 만들기) : 는 써도 되고 생략해도 되는듯? 합니다 (모르고 빼먹었는데 잘 되는 거 보면 괜찮은듯..?? 히히) 결과를 보면~~~ 이암튼 존맛임 다들 그릭요거트한 하루 되세요 이렇게 설명 부분은 자동으로 띄어쓰기 돼서 나와욥

9. 이번에는 을 해보겠습니다 위에 예시에서 을 로만 바꿔보면 d이렇게 A, B, C, D...가 모두 점으로 바뀝니다 순서없는 리스트라는 게 뭔지 아시겠죠 추가로 과 을 한번에 사용해보겠습니다. (중첩리스트 라고도 불러요) 안에 또 하나의 과 하나를 넣어봤습니다! 어떻게 나올지 상상을 한번 해보시구연 결과는!! 두구두구 예에ㅔㅔㅔ 굳굳

8. 리스트에 대해서 해볼 겁니다 리스트는 말 그대로 1번 2번 3번... 하는 그 리스트입니다. 크게 3가지의 리스트가 사용됩니다. 1) : 순서 있는 리스트 (orsered list) 2) : 순서 없는 리스트 (unirdered list) 3) : 정의 리스트 (definition list) 그중 에 대해 먼저 알아보겠습니다! ~~~.....~~~ 이렇게 작성합니다 (은 생략 가능) 예시를 한번 보여드리겠습니다 저는 A, B, C, D... 로 작성시켜 보겠습니다 로 쓰면 됩니다 좋야요 좋아요 잘 나왔네용

7. 로 작성합니다! src : 이미지 파일의 URL. 필수 속성입니다. alt : 문자열. 이미지에 문제가 생기면 출력됩니다. 필수 속성입니다. width : 이미지의 너비. width를 생략하면 원본의 너비가 출력됩니다. height : 이미지의 높이. height를 생략하면 원본의 높이가 출력됩니다. 를 써보았습니다!! 이런식으로 코딩을 하는데요 꼭!! .html문서가 있는 공간에 media파일을 만들고, 그 안에 jpg나 png 사진을 넣어야합니다 이렇게용 저 media 파일에 이런식으로 사진을 넣어줘야 잘 적용됩니다~~ 출력시켜보겠습니다 쨘 잘 나오네용 아 그릭요거트 너무 맛있어요 저 지금 하루에 2-3번씩은 먹고 있음 사실 그래서 오늘 대용량 사버림 코코넛청크 진심 미친놈

6. 와 : 외부 링크 연결 : 다양한 메타 데이터 표현 (웹 페이지의 저작자, 문자 인코딩 방식, 내용 등) 예시) 저작자 : 예시) 내용 설명 : 예시) 키워드 : + : charset 속성으로 웹 페이지레 사용하는 문자 코드 지정. "UTF-8"이 기본값이므로 생략 가능하지만 다양한 브라우저 환경에서 처리하기 위해 작성함.

5. 아주그냥 끝이 없네여 10개도 더 남았다니 그래도 열심히 써내려가 봅시다~~ 먼저 meta데이터 라는 것부터 알아보겠습니다. 1. meta 데이터 : 데이터를 설명하는 데이터 입니다. 예시) 오디오 데이터의 meta 데이터 : 재생 시간, 채널 수 등 사진 데이터의 meta 데이터 : 사진 찍은 장소, 시간 등 2. HTML에서 meta데이터를 담기 위한 태그들은 , , , , , 등이 있습니다. 3. 이 meta 태그들은 에 를 사용하면 같은 부분을 베이스로 깔아주게 됩니다 .

4. 와 와 에 들어가기 전에 블록 태그와 인라인 태그에 대해 간단하게 설명하겠습니다 1. 블록 태그 (block) - , ..., , 등이 있습니다. - 말 그대로 "블록"입니다. , 이런 식으로 항상 새 라인에서 시작하고, 한 라인을 독점해서 사용한다는 특징이 있습니다. 2. 인라인 태그 (in line) - , , , 등이 있습니다. - 블록 속에 삽입된다는 특징이 있습니다. (인라인 in line 이니까 한 라인을 독점하는 블록 안에 in line) 이제 블록 태그와 인라인 태그 중에 가장 많이 쓰는 와 으로 예시를 들어드리겠습니다. 는 와 비슷하게 사용할 수 있습니다. 둘 다 단락을 나눠줘요. 는 네모 칸 안에 가둬둘 수 있는데 로 작성하면 네모칸의 배경색과 크기를 설정할 수 있습니다. 짠 이렇..

3. 텍스트 꾸미기 텍스트의 크기, 굵기, 글씨체 등을 바꾸는 태그를 사용해보도록 하겠습니다. - : 진하게 - : 강조 - : 휜 글씨 - : 이탤릭체 - : 작은 글씨체 - : 삭제 (줄 찍 그어짐) - : 추가 - : 윗첨자 - : 아래첨자 - : 하이라이팅

2. 는 개발자가 작성한 그대로 출력시키는 태그입니다. 태그는 enter를 해도 모두 합쳐버리는데 말이죠 는 > 입니다 결과를 확인하면 이렇게 나옵니다!