비전공 편입생 컴공 생존기

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를 해도 모두 합쳐버리는데 말이죠 는 > 입니다 결과를 확인하면 이렇게 나옵니다!

0. , , , , 특수기호 저번 시간에서 배웠던 태그들입니다! 다시 한번 복습하자면 은 enter로 띄어쓰기, 은 줄 긋기, ...은 폰트 크기 설정, 는 단락 설정 입니다. 기억.. 나시죠...? 기억 난다고 해주세요... 1. 툴팁 달기 (title 속성) 다음은 툴팁 달기 입니다. 툴팁이란, 제목에 마우스를 가져다가 올리면 나오는 글씨 입니다. 보다시피 부분에서 ... 안에 적어 넣으시면 됩니다! 형식은 입니다. 이렇게 나옵니다! 마우스 대고 좀 기다려야 뜨네요 왜 안 되냐고 승질내고 있었는데 그냥 내가 성급해서였음 ㅎ

안녕하세요~~ 이번에는 HTML5 페이지에 들어가는 태그들에 대해서 작성해보겠습니다. 활용할 수 있는 태그들이 정말정말 많습니다... 글이 되게 길어질 거 같기는 한데 한번 같이 봐주세요...!! 0. , , , , 특수기호 저번 시간에서 배웠던 태그들입니다! 다시 한번 복습하자면 은 enter로 띄어쓰기, 은 줄 긋기, ...은 폰트 크기 설정, 는 단락 설정 입니다. 기억.. 나시죠...? 기억 난다고 해주세요... 1. 툴팁 달기 (title 속성) 다음은 툴팁 달기 입니다. 툴팁이란, 제목에 마우스를 가져다가 올리면 나오는 글씨 입니다. 보다시피 부분에서 ... 안에 적어 넣으시면 됩니다! 형식은 입니다. 이렇게 나옵니다! 마우스 대고 좀 기다려야 뜨네요 왜 안 되냐고 승질내고 있었는데 그냥 내가..

여기부터가 본격적인 코딩이 들어간다. (1번은 주로 개념적인 내용이라 시험만 아니면 가볍게 보고 넘어가면 될 듯하다) 우리 수업은 "sublime text"라는 어플을 사용하여 실습을 진행한다. "sublime text" 다운법과 사용법은 0번에 작성할 예정이다.(아직 안 씀 ㅎ) sublime을 설치했으면 여기서부터 천천히 따라서 작성해보면 된다~~ 정리 스타트 0. 약간의 개념적인 부분 웹 페이지는 HTML, CSS, Javascript로 구성되어 있다. HTML은 웹 페이지의 구조와 내용 CSS는 웹 페이지의 모양과 스타일 Javascript는 웹 페이지의 동작과 응용 프로그램을 맡는다. 집을 예시로 들면 HTML은 집 전체 틀 CSS는 벽지,외벽 색 등과 가구배치 등이고 Javascript는 보일..