반응형 태그3 HTML, CSS 태그 및 속성 Preface 헷갈리는 태그나 속성이 있을 때마다 매번 블로그 글이나 책을 찾다 보니 시간이 너무 오래 걸린다. 웹 언어들의 주요 태그나 속성들을 한 눈에 쉽게 보고자 글을 업로드한다. 1. HTML ○ 태그 종류 설명 문서 유형을 지정한다. 웹 문서의 시작과 끝을 나타낸다. 웹 브라우저가 문서를 해석하는 데 필요한 정보를 입력한다. 웹 문서와 관련된 정보를 지정할 때 사용한다. 문서의 제목을 나타낸다. 실제 웹 브라우저에 표시할 내용을 입력한다. 헤더 영역을 의미한다. 같은 웹 문서 안에서 다른 위치로 연결하거나다른 웹 문서로 연결하는 링크를 만든다. 웹 문서에서 핵심이 되는 내용을 넣는다. 웹에서 실제로 보여주고 싶은 내용을 넣는다. 웹 문서에서 콘텐츠 영역을 나타낸다. 사이드 바를 만든다. 웹 문서.. 2022. 7. 26. [HTML] 웹 문서에 다양한 내용 입력하기 (1) Preface 이번 장에선 텍스트, 목록, 표에서 사용할 수 있는 태그들을 공부했다. 예제를 바탕으로 조금만 수정해도 내가 원하는 형태의 결과를 웹 브라우저에 출력할 수 있어서 그런지 쉽고 재미있다고 느껴졌다. 다만 태그의 종류가 너무 많아 원하는 형식을 만들어주는 태그를 바로바로 사용하려면 꽤나 숙련되어야 할 것 같다는 생각이 들었다. 이번 책의 HTML 부분이 끝나면 주요한 태그들을 아이패드에 정리해서 시간 날 때마다 볼 계획이다. 1. 텍스트 입력하기 - 태그: 제목을 나타내는 태그 1) n의 자리에는 1~6의 숫자가 들어가며, 크기를 나타낸다. - 태그: 텍스트 단락을 만든다. 1) 편집기에서 줄을 바꾸더라도 웹 브라우저에선 한 줄로 표시된다. 2) 텍스트 단락의 내용이 길어 화면에 한 줄로 표시.. 2022. 7. 15. [HTML] HTML 기본 문서 만들기 Preface 이번 장에선 HTML 파일의 전체적인 구조와 몇 가지 주요한 시맨틱 태그를 알아봤다. HTML의 문법 자체는 어려운 부분이 없는 것 같고, 몇몇 주된 태그들의 종류와 사용 방법 정도만 익히면 충분히 내가 원하는 내용을 웹 상에 표현할 수 있을 것 같다. 아, 그리고 책에 자세히 소개되지 않는 태그들 중 궁금한 것들은 따로 정리해 놓자. 1. HTML과 첫 만남 - HTML(Hyper Text Markup Language): 웹 문서를 만드는 언어 - 하이퍼텍스트: 문서를 서로 연결해주는 링크 - 태그(tag): 웹 문서의 다양한 부분을 구분할 수 있도록 해주는 꼬리표 - HTML의 기본 기능: 웹 브라우저에게 보여 줄 내용을 마크업하고 문서끼리 링크하는 것 - 스타일 시트(style she.. 2022. 7. 14. 이전 1 다음
