본문 바로가기
반응형

Study with Yedol/HTML10

HTML 테이블(표) 만들기 표는 태그를 이용해서 만들어진다. 지금까지 공부를 해왔듯 table 태그와 함께 쓰이는 태그들에 대해 공부를 해보겠다. 태그란? HTML에서 표를 만드는 데 사용된다.표는 형과 열의 격자 형태로 데이터를 구성하는 데 사용되며, 정보를 구조적이고 시작적으로 정렬하는 데 유용하다.테이블 태그를 사용하여 표를 만들 때, 아래와 같이 중요한 속성과 기능을 고려해야 한다. 태그의 속성과 기능 테이블 헤더 : 테이블의 첫 번째 행은 일반적으로 헤더 역할을 한다. 이를 나타내기 위해 태그를 사용할 수 있다. 이는 일반적으로 텍스트를 굵게 표시하여 테이블의 열 제목을 나타낸다. 테이블 셀 간 합병 : 테이블 셀을 합병하여 복잡한 구조를 만들 수 있다. 'rowspan' 및 'colspan' 속성을 사용한다. 스타일링 .. 2023. 12. 17.
HTML 이미지 태그 <img>와 속성 웹페이지에 이미지를 넣으려면 태그를 사용한다. 이미지 태그에는 이미지 파일 경로를 나타내는 src 속성 외에도 아주아주~~~ 많은 속성들을 포함하고 있다. 1. img 태그 : 웹페이지에 사진을 넣는 기능 img tab을 누르면 에멧이 자동으로 를 생성한다. img 뒤에 있는 src, alt 이 img의 속성을 나타내는데 이제부터 본격적으로 img 속성에 대해 알아보겠다!!! 1. (필수 속성) src : 이미지의 경로를 나타낸다. 여기서 경로를 나타내는 두 가지가 있다. (1) 절대경로 절대 경로는 흔히 URL를 나타낸다. 다른 사람의 파일(여기서는 이미지)을 이용할 때 쓰인다. 하지만 만약 해당 URL이 사라지거 수정된다면 내가 만든 웹페이지도 수정을 해야 하는 단점이 있다. 절대 경로를 불러오는 방.. 2023. 12. 17.
HTML 목록 태그와 정의 태그 목록을 나타내는 태그에는 , , 이렇게 3가지가 있다. 먼저 1. : 목록 아이템으로 ul(비순서형), ol(순서형) 태그와 함께 쓰인다. 태그는 목록의 각 항목을 나타내며, 보통 점 또는 숫자로 표시된다. 이 태그를 사용하여 다양한 목록을 생성할 수 있다. 목록 항목은 텍스트 뿐만 아니라 이미지, 링크, 다른 HTML 요소도 포함할 수 있다. 또한 태그는 주로 ul, ol과 사용되지만 단독으로도 사용될 수 있다. 태그는 주로 웹 페이지의 내비게이션, 메뉴, 목록 등에서 사용된다. 2. : 순서가 없는 목록(비순서형) 사용법 : ul>li*4 tab 키를 누르면 태그 안에 태그 4개가 생성된다. 비순서형 목록은 각 항목이 순서 없이 나열되는 것을 의미하는데, 주로 점 또는 다른 기호로 항목을 마크업하여 .. 2023. 12. 13.
HTML 강조, 인용, 밑줄 태그 태그를 통하여 중요도를 나타낼 수 있고, 요소를 강조를 할 수 있다. 강조와 인용을 나타내는 데 사용되는 태그들에는 , , 등이 있다. 본격적으로 이 태그들에 알아보기전에 가장 먼저, 주의할 점은 꾸미는 용도로 쓰이는 것은 CSS로 이루어져야 한다는 것이다. 1. 중요도 태그 HTML에서 텍스트를 더 강조하는 데 사용된다. 이 태그는 해당 텍스트를 시작적으로 굵은 글꼴로 표시하여 강조하는 역할을 한다. 주로 중요한 내용이나 강조해야 할 부분을 나타내는 데 사용된다. 태그는 시각적인 강조를 위한 것이므로, 보통 브라우저에 따라 굵은 글꼴로 표시된다. 그러나 이는 단순히 굵은 글꼴로만 표시되는 것이 아니라, 해당 텍스트가 중요하거나 강조되어야 함을 의미한다. 이는 검색 엔지에게 해당 텍스트의 중요성을 알리는.. 2023. 12. 13.
반응형