vsc 6

[코딩]표를 작성할 수 있어요! ② - html 표 서식 속성

오늘 배울 내용의 주요 키워드를 먼저 정리해 봅니다.#width_너비 속성 #height_높이 속성 #align_정렬 속성 #_표제목 태그 지난 포스팅에서 표 만들기를 해 보았는데요, 영 모양새가 이쁘지 않았어요.이번 포스팅에서는 html에서 가능한 표 편집 기능을 알아보도록 하겠습니다^^ width="숫자(픽셀단위)"height="숫자(픽셀단위)" 크기 속성으로, 태그에 쓰면 전체 표 크기 태그에 쓰면 셀의 너비 태그에 쓰면 셀의 높이align="right/center" 정렬 속성으로, , 사용 가능! 메모!)셀의 높이에서는 center 디폴트메모!)셀의 너비에서는 left 디폴트 : 표제목 태그 또는 대신에 사용하면, 해당셀의 데이터가 굵게&가운데 정렬 표기 됩니..

[코딩]글머리 기호를 이용해 리스트를 만들 수 있어요! ① - html 리스트 태그

오늘 배울 내용의 주요 키워드를 먼저 정리해 봅니다.#태그_순서 없는       #태그_순서 있는         #      #속성     글을 작성하다 보면, 내용을 정리해서 항목별로 리스트를 나열할 때가 있죠? 이번엔 리스트를 만들 때, 태그를 알아보도록 하겠습니다.  ; unodered list. 순서 없이 특정 도형(블릿)을 붙여 리스트를 만들기로 선언. ; odered list. 숫자, 알파벳 등 순서가 있는 리스트를 만들기로 선언. ; 각 항목 데이터 입력속성 ; 글머리 기호 종류, 시작 번호 등의 속성을 지정할 수 있음기본 형식 ;    _______    _______    _______이 태그들을 이용해서 저의 버킷리스트를 한번 만들어 보도록 하겠습니다^^ 작업 순서를 먼저 머릿속으로 정..

[코딩] 글에 서식을 넣을 수 있어요! ② - html 취소선/위아래첨자/작은글씨/수평선

오늘 배울 내용의 주요 키워드를 먼저 정리해 봅니다.#취소선_ #윗첨자_ #아래첨자_ #작은글씨 #수평선_ 이전 포스팅에 이어,글서식 관련 기타 태그들을 배워 볼게요^^ ; 취소선 ; 윗첨자_수학기호와 같은 X2 ; 아래첨자_화학식과 같은 H2O ; 본문 중에 작은 글씨 ; 다음 줄에 수평선 작업 순서를 먼저 머릿속으로 정리해 보아요! VSC 실행 ==> 새문서 만들기 ==> 문서 이름 지정 ==> 기본 태그 나오게 하기_!+[enter] ==> 언어 코드 변경 ==> title 작성 ==> body 내용_제목 작성 ==> body 내용_본문작성 ==> 저장 ==> html 문서 실행&확인 ==> 수정 확인 1) 새문서를 만들고 기본 태그들을 작성해요 ..

[코딩] 글에 서식을 넣을 수 있어요! ① - html 굵게/기울이기/밑줄/마킹

오늘 배울 내용의 주요 키워드를 먼저 정리해 봅니다.#키워드 굵게_      #키워드 기울이기_      #굵게_       #기울이기_      #밑줄_      #마킹_   오늘 배운 내용은어구를 강조하는데 필요한 태그였습니다. 검색어 노출과 연관된 키워드 강조 태그 ; 글자 굵게 ; 글자 기울이기가독성을 높이기 위한 태그 ;  굵게메모) 화면에 보이는 것은 태그와 동일한 효과를 내지만, 웹문서 구조상 검색어로는 노출되지 않고, 디자인적으로만 굵게 됩니다. ; 기울이기메모) 화면에 보이는 것은 태그와 동일한 효과를 내지만, 웹문서상 검색어로는 노출되지 않습니다. ; 밑줄 ; 형광펜그럼 이제, 지난 포스팅에서 작성한 '그저 그런 조개의 꿈'에 강조서식 태그를 넣어 보도록 하겠습니다. 작업 순서를 먼저..

[코딩] 왕초보가 웹페이지를 처음 만들었어요! - HTML 작성 기초

오늘 배울 내용의 주요 키워드를 먼저 정리해 봅니다. #HTML 작성 기초    #비주얼스튜디오 코드 실행 방법     #html 작성 규칙     #html 문서 확인 어제까지 사전 준비를 마치고... 비장한 마음으로 VSC를 실행시켰습니다^^ 오늘은 전반적인 visual studio code 사용방법을 익히고 html 작성 기본 규칙들을 알게 되었습니다.작업 순서를 먼저 머릿속으로 정리해 볼게요!  VSC 실행 ==> 새문서 만들기 ==> 문서 이름 지정 ==> 기본 태그 나오게 하기_!+[enter] ==> 언어 코드 변경 ==> title & body 내용 작성 ==> 저장 ==> html 문서 실행&확인 VSC 사용 방법을 익히는데 목적을 두고, HTML 문서를 하나 임시로 만들어 볼까 해요! ..

[코딩] 웹프로그래밍, HTML은 어떻게 시작하는 거에요? - 사전 준비

오늘 포스팅의 주요 키워드를 먼저 정리해 봅니다.#HTML      #element        #tag       #에디터 프로그램      #작업환경  세팅 코딩의 가장 기본이 되는HTML부터 진도를 나갈 예정이랍니다.그.래.서 HTML 코딩을 하기 위한사전 준비 작업에 대해 먼저 알아 볼게요.  HTML이란... Hypertext Markup Language로, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. 태그(tag)와 요소(element)로 구성되어 있는데, 태그_컴퓨터가 이해할 수 있는 언어를 정리해서 요소_화면에 나타날 내용을 표시하도록 합니다.  HTML  작업을 위해 필요한 건... HTML 편집기 프로그램 설치 - 비주얼스튜디..