태그명{} 안에 적용하고 싶은 내용을 작성해주면 html 안에 있는 원하는 태그에 스타일이 적용됨 padding : 글자를 중심으로 사방에 간격을 줌, 동일한 간격으로 공간을 확보 border : 테두리에 관련된 설정을 해주는 것   - 테두리 사이즈 : 1px : 가장 얇은 선으로 그려주는 것. 숫자가 커질수록 테두리 굵기가 늘어남   - solid : 일반적으로 라인을 그려주는 테두리   - 색상 : 테두리 색상 지정 style에는 똑같은 태그를 여러번 불러와서 설정할 수 있음 ','를 이용해서 작성할 때는 동일한 속성을 작성해줄 때 사용 ','를 이용하지 않고 작성할 때는 태그가 단독으로 스타일을 갖길 원할 때 사용

이미지 태그 img - 웹 문서에 사진이나 그림같은 이미지를 삽입하는 용도의 태그- 태그 작성시 유의사항 :         1. src : 삽입할 이미지의 경로를 작성하는 속성                  파일 위치, 인터넷 주소 등 이미지를 가져올 수 있는 경로         2. width : 가로 길이 지정해주는 속성         3. height : 세로 길이 지정해주는 속성         4. alt : 이미지 설명하는 작성하는 속성                   이미지가 보이지가 않을 때 화면에 출력되는 그림                  시각 장애인 등 사회적 약자들에게 이미지 설명을 읽어주는 역할        * width, height, alt는 필수요소가 아님. !주의사항!    ..

- table(표) 태그         - 웹 문서에서 자료(데이터) 정리를 위해 사용하는 태그         - table 태그는 행, 열을 작성하기 위한 공간을 나타냄 - tr(Table Row) 태그 :  테이블의 한 행을 나타내는 태그- td(Table Data) 태그 :         - 한 행의 한 컬럼을 나타내는 태그         - 엑셀에서의 셀 하나   - th (Table Header) 태그 :         - 테이블의 제목 또는 내용을 강조할 때 사용하는 태그         - 두꺼운 글씨, 가운데 정렬이 자동으로 적용       **  : 링크를 생성하는 데 사용 - caption 태그    - 테이블에 대한 설명을 작성하는 태그  - 행 열 병합 속성 : rowspan, col..

- ul (UnOrdered List) : 순서가 없는 단순 나열식 목록- li (List Item) : 목록의 한 줄    - ol (Ordered List) : 순서가 있도록 나열하는 목록 type "속성" : 표시되는 숫자 모양 변경 type "a" : 영어 소문자로 시작 (a, b, c, d ...) type "A" : 영어 대문자로 시작 (A, B, C, D ...) type "i" : 로마 숫자(소문자) (i, ii, iii, iv, ...) type "I" : 로마 숫자(대문자) (I, II, III, IV ....) type "1" : 숫자로 시작 (1, 2, 3, 4 ...) start "속성" : 시작하는 위치 '숫자'로 지정 reversed ..

글자에 가볍게 색상입히기     - 글자에 배경을 주거나 꾸미는 것을 스타일이라는 글자를 사용해서 작성     - style="넣고싶은 스타일을 작성"     띄어쓰기는 아무리 많이 해도 1칸으로 인식함     띄어쓰기,         엔터(줄바꿈)를 화면에 표시하는 방법            &nbsp : non-breaking space 줄바꿈 없는 공백 = space 띄어쓰기              태그 : line Break, 줄바꿈 엔터 태그. 엔터 공백 작성하고 싶은 만큼 작성              태그 안에서 작성을 하지 않거나 제목과 같은 특수한 상황에서 작성  : 글을 작성하는 용도의 태그. 문단 (p 태그) 앞 뒤로 공백이 생겨 줄바꿈을 진행해줌  : pre(PREformatted) :..