본문 바로가기

html4

[HTML] 배경색 배경 사진 변경 글자색 바꾸기 tml의 배경꾸미기, 배경색 바꾸기 배경 글자색 변경에 대해 알아보도록 하겠습니다. 배경색 글자색 바꾸기 더보기 배경 태그 노란색 배경에 파란색 글씨를 사용해서 문단을 구성했습니다. 를 통해 타이틀을 변경 2023. 1. 1.
[HTML] 테이블 만들기 열병합 행병합 캡션넣기 tbody thead tfoot html의 테이블에 대해 알아보도록 하겠습니다. 간단한 테이블 만들기, 병합하기, 캡션넣기 tbody, tfoot , thead 유형이 있으니 보시면서 천천히 공부하시기 바랍니다. 테이블만들기 더보기 이름 나이 직업 김숙자 마흔살 프로그래머 김오숙 마흔다섯살 프로게이머 코드를 이용하여 이름 나이 직업 타이틀 헤드를 입력하고 로 다음 줄을 만들어 김숙자 마흔살 프로그래머를 입력 로 다음 줄을 만들어 김오숙 마흔다섯살 프로게이머를 입력 테이블 병합하기 더보기 열병합 1행 2열 2행 2열 행병합 2행 1열 2행 2열 td rowspan="2"를 통해 열병합하고 를 이용하여 1행 2열생성 를 이용하여 2행 2열생성 td colspan="2"를 통해 행병합하고 를 이용하여 2행1열 를 이용하여 2행2열을 생성 t.. 2023. 1. 1.
[HTML] 목록 태그 연습 ul ol A,B,C 1 2 3 html의 목록태그에 대해 알아보도록 하겠습니다. 목록은 왜 사용하는 것일까요? 보기 쉽게 정렬을 할 수 있기 때문입니다. 목록 태그유형은 순서가 없는 UL, 순서가 존재하는 OL유형이 있습니다. 출력예시 코드사용미리보기 순서없는 목록 코드를 사용 A,B,C순으로 순서있는 목록 코드를 사용 1,2,3순으로 순서있는 목록 코드를 사용 웃긴사람 코드와 코드를 혼합하여 사용 개웃긴사람 코드와 코드를 혼합하여 사용 코드보기 더보기 순서없는 목록 김복자 김말자 A,B,C순으로 순서있는목록 김복자 김말자 1,2,3순으로 순서있는목록 김복자 김말자 웃긴사람 김말자 김복자 개웃긴사람 김복자 김말자 순서없는 목록 순서있는 목록 순서를 A,B,C순으로 매긴 목록 순서를 1,2,3 순으로 매긴 목록 순서없는 목록 생성 그리.. 2023. 1. 1.
[HTML] 단락제목 H1 H2 H3 H4 이용하기 html의 단락의 제목을 만드는 H1,H2,H3,H4에 대해 알아보도록 하겠습니다. 사진과 HTML코드를 확인하시면서 직접 작성해보시는 것을 추천해드립니다. 작성 예시 H1부터 H6까지 이용해서 HTML을 작성한 코드입니다. H1이 가장 큰 제목의 크기이고 H6으로 갈수록 제목의 크기가 작아지는 구조입니다. 작성코드 더보기 H1 제목의 크기를 확인하시오 H2 제목의 크기를 확인하시오 H3 제목의 크기를 확인하시오 H4 제목의 크기를 확인하시오 H5 제목의 크기를 확인하시오 H6 제목의 크기를 확인하시오 빨간색 부분을 수정하면 내용을 변경할 수 있습니다. 아래 파일을 다운받으시거나 코드를 복사붙여넣기해서 활용해주세요 파일 더 많은 HTML코드가 보고싶다면? https://chuinggun.tistory.c.. 2023. 1. 1.

티스토리툴바