본문 바로가기

HTML33

*매우매우중요 html 기본이자 기초 태그 4 label, input으로 데이터 전송하는 기초닦기 form action은 통상 생각하는 '구글폼' 뭐 그런걸로 생각하면 되겠다. 즉, 데이터를 수집할 수 있는 기반이 되는 페이지의 연동을 배우는 것이다. 따라서 매우매우중요하다고 볼 수 있겠다. # 기본 설명 First name: Last name: # 이메일, 비밀번호 정보 받기 기초 Email: Password: 2022. 9. 27.
html 기본이자 기초 태그 3 table (table, thead, th, td) # table 태그 table태그는 일종의 body와 같다. 좀 더 정확히는 columns과 rows로 이루어진 그런걸 생각하면 된다. 그리고 사용해야하는 태그가 변화한다. thead는 기존의 head다. th는 각 컬럼을 나타내는 것이다. td는 각 행을 나타낸다. 라고는 하지만 명확히 th, td의 차이점을 아직은 모르겠다. 일단 보류 더 명확하게는 내 기준에서 행은 td가 아니라 tr이다. 따라서 한칸씩 다른 줄로 변화를 주려면 tr로 감싸주어야 한다. 샘플 코드를 첨부한다. Col 1 Col 2 Col 3 entry 1 data 2 data 3 2022. 9. 27.
html 기본이자 기초 태그 2 div, span, img, a #div div는 css나 java script를 먹여줄때, 해당부분이 적용되기 쉽게끔 단락을 구분해주는 것이라고 보면 된다. 물론 div로 감싼영역을 비롯한 영역 전체를 변경하고 싶다면 당연히 필요가 없지만 사이즈가 커지면 커질수록 세분화 해서 효과를 먹이고 싶은 대상은 갈라지기 마련이다. #span span은 div보다 더 작은 단위라고 보면 된다. 이를테면 div는 보통 한줄, 한줄 단위를 구분하는데 사용하지만 span은 한줄 안에서도 구분하고 싶은 부분을 지정해서 css등의 효과를 먹이는데 사용된다. #img img는 기본적으로 이미지를 가져올때 사용이된다. 그리고 내부요소로는 src, alt이 있다. src는 해당 이미지 파일의 경로를 적는 란이고 alt는 만약 src의 경로가 잘못되었거나, r.. 2022. 9. 27.
html 기본이자 기초 태그 1 list (ol, ul, li) # 유용한 html list (ol, ul, li) #1 ol order list의 약자로써, 순서가 있는 리스트를 의미한다. 따라서 이 안에 들어오는 li는 숫자가 붙어서 출력되게 된다. #2 ul unordered list 의 약자로써 순서가 없는 리스트를 의미한다. 따라서 이 안에 오는 li는 숫자가 없이 리스트 앞에 점이 붙어서 출력되는 형식으로 나온다. 2022. 9. 27.