[HTML 태그들] #10 리스트 태그 ul/ol/li

1. ul 태그 "ul"은 "unordered list"의 약자로 한 아이템마다 검은색 동그란 점이 생긴는 리스트를 만들어 줍니다. ul 태그 안에는 각 아이템마다 li 태그로 감싸줘야 합니다. 석현 서준 하준 석현 서준 하준 2. ol 태그 "ol"은 "ordered list"의 약자로 한 아이템마다 그 아이템의 숫자가 붙습니다. ol 태그 안에도 ul 태그와 마찬가지로 각 아이템을 li 태그로 감싸줘야 합니다. 석현 서준 하준 석현 서준 하준

2021.07.09

[HTML 태그들] #9 form input값 button/checkbox/radio

오늘은 HTML의 form에 들어가는 여러 가지 input값들 중 button, checkbox, radio에 대해 알아보겠습니다. 1. input>>button 위 코드처럼 버튼을 생성할 수 있습니다. 만약 버튼에 특정한 글자를 집어넣고 싶으면 다음과 같이 value에 값을 너 주면 됩니다. 2. input >> checkbox checkbox는 체크를 할 수 있는 버튼을 만들어 줍니다. 좋아하는 메뉴 치킨 피자 치킨과 피자의 checkbox를 전부 체크한 후 Submit 버튼을 누른 후 url을 살펴보면 다음과 같이 "?" 다음에 input태그의 "name값=value값" 이 들어가는 것을 확인 할 수 있습니다.

2021.05.19

[HTML 태그들] #8 form 기본 형태/input/text/submit

1. form의 형태 form은 사용자의 입력값을 서버에 보내주는 역할을 합니다. 위의 코드의 경우, form태그 안의 사용자 입력값이 test.php로 보내질 수 있습니다. 2. input >> text input에 들어갈 요소는 여러 가지입니다. 하지만 오늘은 몇 가지만 알아보겠습니다. text는 한 줄로 된 입력칸을 만들어 줍니다. 3. input >> submit input태그의 요소중 submit은 사용자의 입력값을 서버로 전송해주는 역할을 합니다.

2021.05.15

[HTML 태그들] #7 table 병합 방법(colspan, rowspan)

지난 번에는 기본적인 표를 그리는 방법에 대해 알아보았습니다. 이번에는 표(table)에서 2개 이상의 칸을 병합할 수 있는 colspan과 rowspan에 대해 알아보겠습니다. 1. rowspan "row"는 열,줄 "span"은 폭, 넓이를 의미합니다. rowspan은 뜻 그대로 2개 이상의 세로줄에 있는 칸을 병합하는 것입니다. 한마디로 아래방향으로 표를 병합하는 것입니다. 1 2 첫번째 칸 두번째 칸 세번째 칸 2. colspan colspan은 뜻 그대로 2개 이상의 가로줄에 있는 칸을 병합하는 것입니다. 한마디로 오른쪽 방향으로 표를 병합하는 것입니다. 1 2 첫번째 칸 두번째 칸 세번째 칸

2021.05.11

[HTML 태그들] #6 표 table, tr, th, td

오늘은 HTML에서 표를 그리는 방법에 대해 알아보겠습니다. 그 전에, 예전에는 table을 표를 만들기 위해서가 아닌 레이아웃을 잡기 위해서도 사용되었습니다. 하지만 그렇게 하면 코드를 고쳐야 한다거나 남들이 소스코드를 볼 때 여러 불편함이 생기게 됩니다. 따라서 오늘 알아볼 표는 진짜 표를 그리는 목적으로만 사용하길 바랍니다. 표를 구성하는 기본적인 요소는 tr, th td가 있습니다. table 표의 시작과 끝을 알립니다. tr 표의 행을 나타냅니다. th 표의 머리부분(헤더부분)을 나타냅니다. td 표의 열을 나타냅니다. 1 2 첫번째 칸 두번째 칸 첫번째 칸 두번째 칸

2021.02.17

[HTML 태그들] #5 a태그 부속편/전화, 메시지,메일 보내기

a태그에서 일반적인 링크 이동 말고도 추가로 할 수 있는 것들이 있습니다. 오늘은 전화나 메시지, 메일 등에 관한 속성 값에 대해 알아보겠습니다. 1. 전화 걸기(안드로이드 운영체제) 엄밀히 말하면 메시지를 보내는 것은 아니고, 메시지 보내는 창을 띄워 주는 것입니다. 사용법은 하이퍼링크를 만들 때 사용했던 href=" "을 사용합니다. 따옴표 안에는 sms:전화번호 를 써주면 됩니다. 전화 문의하기 전화 문의하기 2. 메시지 보내기(안드로이드 운영체제) 메시지를 보내는 것도 전화와 마찬가지로 자동으로 문자가 보내지지는 않습니다. sms: 뒤에 전화번호를 적은 다음 &body= 뒤에 메시지를 보낼 내용을 적어주면 됩니다. 문자로문의하기 문자로 문의하기 3. 이메일 보내기 mailto: 뒤에 보내고 싶은 ..

2021.02.11