Front-End22 HTML 태그 한 눈에 정리하기 2 에서 사용하는 태그 폼의 시작과 끝은 만든다. 폼 요소를 그룹으로 묶는다. 필드셋에 제목을 붙인다. 사용자가 내용을 입려할 필드를 삽입한다. , 드롭다운 목록을 삽입한다. 텍스트를 여러 줄 입력할 수 있는 텍스트 영역을 삽입한다. 2023. 2. 20. HTML 태그 한 눈에 정리하기 1 문서 관련 태그 제목, ~까지 사용, 숫자가 커질수록 글자 크기는 작아진다. 텍스트 단락, 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄이 바뀐다. 줄 바꿈, 텍스트 단락 중 원하는 위치에서 줄을 바꾼다. 내용 인용, 다른 내용보다 들여 쓰고 단락으로 표시한다. 중요한 텍스트를 굵게 표시, 스크린 리더기에서 강조해서 읽어준다. 볼드체, 화면 상 굵게 표시된다. 중요한 태그를 기울게 표시(문장), 스크린 리더기에서 강조해서 읽어준다. 이텔릭체, 화면 상 기울여서 표시된다.(마음속의 생각이나 용어) 내용을 편집할 때 추가한 내용을 표시한다. 내용을 편집할 때 삭제한 내용을 표시한다. 위 첨자 아래 첨자 목록 관련 태그 순서 있는 목록의 시작과 끝을 나타낸다. 순서 없는 목록의 시작과 끝을 나타낸다... 2023. 2. 16. HTML 태그 - Lists 공통적으로 사용하는 항목을 나타내는 태그 1. 순서목록 순서가 있는 목록 사용 시 기본값으로 숫자가 정해져 있다. type 속성을 사용하여 로마자 숫자, 영어로 바꾸어 줄 수 있다. 5가지 사용 가능 숫자, 대문자 영어, 소문자 영여, 대문자 로마숫자, 소문자 로마숫자 CSS 속성을 사용하여 type 속성을 바꿀 수 있다. style="list-style-type: 다양한 값;" 다양한 값에 원하는 값 넣기 / 아래 링크에서 확인가능 start 속성으로 시작 번호를 지정할 수 있다. W3Schools CSS list-style-type demonstration www.w3schools.com 예> 순서 목록 사용 예 HTML5 CSS3 JavaScript jQuery HTML5 CSS3 JavaScrip.. 2023. 2. 14. HTML 태그- table 2 테이블 크기 조절 style속성에 사용하여 테이블, 행 또는 열의 크기를 지정한다. width 넓이 height 높이 표 만들 때 사용하면 좋은 태그 기본적으로 굵게 표시되고 중앙에 정렬되어 표시된다. 와 같이 사용하거나 의 자리에 대신 사용한다. 전체 테이블의 제목 역할을 한다. 어느 쪽에 써도 화면상에는 표 위쪽에 나타난다. 표 고정 태그 상단줄 고정 가운데 지정 범위 고정 하단바 고정 방 이름 대상 크기 가격 유채방 여성 도미토리 4인실 1인 20,0000원 동백방 동성 도미토리 가족1팀 천혜향방 - 2인실 바깥채 전체를 렌트합니다. 셀 합치는 태그 나 의 속성으로 쓰는 태그 colspan 열 합치기, 속성 값은 확장할 열 수를 나타낸다. rowspan 행 합치기, 속성 값은 확장할 행 수를 나타낸.. 2023. 2. 14. HTML 태그 - table 표만들기 기본 태그 테이블 구성 행 만들기 테이블 셀의 내용 열 만들기 예시> 1 2 3 4 5 6 HTML의 테이블은 행과 열 내부의 테이블 셀로 구성된다. 셀의 내용에는 텍스트, 이미지, 목록, 링크, 기타 표 등 모든 종류의 HTML 요소가 포함될 수 있다. 기본적인 태그를 사용하여 완성하면 우리가 아는 일직선의 표가 아닌 예시처럼 이중으로 테두리가 둘러진 표가 나타난다. 표의 테두리는 border에 CSS의 속성을 사용해서 바꿀 수 있다. 표의 테두리 일직선으로 바꾸는 방법(CSS 사용) 속성 borther border: 1px solid black; 굵기, 선모양, 색상 순으로 작성 선 모양 속성값 solid 실선 dotted 점선 dashed 파선 색상 기본설정 검정색 속성 border-col.. 2023. 2. 11. HTML - Favicon이란? 파비콘은 title 태그 옆에 있는 아이콘을 말한다. 아래에 빨간색 박스가 바로 파비콘이다. 아래 사이트에서 나만의 파비콘을 직접 만들어 다운 받을 수 있다. favicon.ico Generator Preview Favicon in original size: www.favicon.cc 파비콘 이미지의 일반적인 이름은 "favicon.ico"이다. 웹사이트에 파비콘을 추가하려면 파비콘 이미지를 웹 서버의 루트 디렉터리에 저장하거나 이미지라는 루트 디렉터리에 폴더를 만들고 이 폴더에 파비콘 이미지를 저장해야 한다. 2023. 2. 8. 이전 1 2 3 4 다음
