내 이야기 꾸러미 내 이야기 꾸러미

프로그래밍/HTML&CSS

• 테이블(table) 태그

  프로그래밍/HTML&CSS 2022. 8. 21. 11:30

  테이블 태그는 데이터를 보기 좋게 정리하여 보여주는 표를 만드는 태그이다. 태그로 표의 시작과 끝을 선언해주고, 태그를 사용하여 테이블의 행(가로)를 만들어준다. 태그 안에는 해당태그가 포함할 열을 표현하는 태그를 위치시킨다. 태그는 태그와 태그를 포함하는데 태그는 열의 헤더(header) 역할을 하고 태그는 열의 내용(content) 역할을 한다. 1번째 제목 2번째 제목 1번째 셀 2번째 셀 1번째 셀 2번째 셀 colspan 속성 가로로 행(rows)을 합치는 방법으로 합치길 원하는 가로 행의 개수를 입력한다. rowspan 속성 세로로 열(column)을 합치는 방법으로 합치길 원하는 세로 열의 개수를 입력한다. 1번 셀 2번 셀 3번 셀 5번 셀 8번 셀 9번 셀 태그 표에 제목을 붙일 때 사용..

  Read More
• 이미지 태그

  프로그래밍/HTML&CSS 2022. 8. 21. 11:06

  이미지 태그 를 사용하면 원하는 이미지 삽입이 가능하다. 이미지

  Read More
• 목록(list) 태그

  프로그래밍/HTML&CSS 2022. 8. 20. 12:36

  순서가 없는 목록 태그 컴퓨터 모니터 마우스 · 컴퓨터 · 모니터 · 마우스 순서가 있는 목록 태그 컴퓨터 모니터 마우스 1. 김사과 2. 오렌지 3. 반하나 사용자 정의 태그 용산 전자상가 컴퓨터 모니터 마우스 용산 전자상자 컴퓨터 모니터 마우스 컴퓨터 모니터 마우스 컴퓨터 모니터 마우스 용산 전자상가 컴퓨터 모니터 마우스

  Read More
• HTML5 문서 구조

  프로그래밍/HTML&CSS 2022. 8. 20. 12:29

  속성은 해당 요소(태그)에 대한 추가적인 정보를 제공하는 역할을 한다. (O) (X) // 띄어쓰기 까지만 속성을 읽음 (O) // 띄어쓰기가 존재할 경우 ""을 이용함

  Read More
• 텍스트(Text) 관련 태그

  프로그래밍/HTML&CSS 2022. 8. 20. 12:24

  제목태그 다양한 크기의 제목을 표현할 수 있는 태그로 가장 큰 태그부터 가장 작은 태그까지 제목을 표현할 수 있다. 제목태그는 한줄을 전부 사용하는 블록(block) 태그의 성질을 포함하고 있고 검색엔진에서 각 웹사이트의 내용을 제목 태그를 통해 수집이 가능하다. 제목 제목 제목 제목 제목 제목 문단태그 내용상 끊어서 구분할 수 있는 부분을 구분하며, 블록태그의 성질을 포함한다. 내용상 끊어서 구분할 수 있는 부분블록(block) 태그 문단을 아래로 내립니다. 문장을 아래로 내릴게요 글씨를 적어볼게요 서식태그 텍스트를 굵게 표현하고 싶을 때 사용하며 비슷한 태그로 태그가 있다. 다만 태그는 단순히 텍스트를 진하게 표시하는 역할만 제공하지만 태그는 실제 페이지 내에서 중요한 부분을 브라우저에게 알려주는 역..

  Read More
• HTML 들어가기

  프로그래밍/HTML&CSS 2022. 8. 19. 12:47

  HTML(HyperText Markup Language) HTML은 간단히 웹문서를 만드는 언어하고 할 수 있다. 웹사이트의 구조를 담당하며, 웹사이트를 구성하는 제목, 문단, 이미지, 동영상들을 정의하고 의미를 부여하는 언어이다. HTML은 프로그래밍 언어가 아닌 마크업 기반의 언어로 일반적으로 프로그래밍을 한다기 보단 작성한다는 의미를 사용한다. HTML 문서를 작성하다보면 에러를 보여주지 않기 때문에 명확한 코드 작성이 요구된다. * Markup Language : 특별한 기호나 표기를 사용하여 글의 서식과 스타일을 정해주는 언어. HTML의 특징 - 문서를 작업할 수 있는 편집기라면 어떤 것이든 사용이 가능하다. - 확장명은 .html로 지정한다. - 대소문자를 구별하지 않지만 관례상 소문자로 작..

  Read More