JongDDA의 한걸음 한걸음씩

HTML 입력요소 - form : 여러 입력 요소를 모아 하나의 양식을 제공하는것 - select : 보기 중에 선택하는 요소 - textarea : 글을 입력할 수 있는 요소 - input : 속성에 따라 형태를 바꿔가며 입력할 수 있는 요소 => form 은 나머지 입력요소를 포함할 수 있는 상위 범주의 태그이다! input 의 다양한 유형과 사용방법 - 입력 유형을 선택할 때는 type을 지정하여 선택한다! => text, password, number, color, date ... -type을 지정함에 따라 그 모양이나 입력값의 형태가 달라진다! 아무런 type도 지정하지 않을 경우에는 기본 값이 'text'이다! - input 전용 텍스트를 표시할 때는 태그를 사용하곤 한다! -required ..

누르면 이동하는 하이퍼링크 -링크는 클릭하면 연결된 곳으로 이동하게 해주는 웹문서 기능 -링크를 위해서는 인라인 태그인와 그 속성인 href가 필수! -href 란? 이동하고자 하는 목적지를 참조시킨다! reference 위의 그림에서 사진을 누르면 아래 페이지로 이동 돌아가기를 누르면 원래 페이지로! 연습문제

표를 구성하는 여러가지 태그 : 표 전체를 감싸는 블록 : 표 안에서 행을 의미하는 행 태그 : 행 안에서 하나의 셀(열)을 담당하는 셀 태그 : 셀인데, 강조하고 싶은 셀. 두꺼워지고 가운데 정렬 : 테이블에 자막/제목/설명 등을 넣고 싶을 때 사용 표를 만들 때 사용하는 속성 colspan : 열 합치기 rowspan : 행 합치기 => 셀을 합쳐서 표의 형태를 변형하기 위한 속성들. 둘 다 숫자를 값으로 지정해준다. 연습문제 이미지 표시하기 -이미지 표시를 위해서는 반드시 원본 소스가 있어야 한다. -이미지 표시 태그인 라는 태그에 원본 소스를 지정해주는 방식으로 표시한다. - 태그는 사진 표시하는 특수한 기능을 수행하므로 닫는 태그가 필요하지 않다. 의 속성 -src : 여기에 원본 소스를 지정한..

문자 꾸미기 태그 -굵게 만들기(bold) : , 두 태그는 볼드 효과라는 면에서는 동일한 결과를 보인다. 두 테그는 모두 인라인 태그이다. 경우에는 텍스트 강조를 의미하는 시맨틱(의미를 전달한다.)을 포함하고 있어 시각장애인을 위한 웹문서에 주로 사용된다. 경우는 텍스트를 굵게 하는 기능 외에 특별한 시맨틱은 없다. -이탤릭체 효과 주기 : , 글자를 기울이으로써 강조 효과를 주는 태그들 둘 다 가시적인 결과는 동일하다. em은 시맨틱적인 태그이고, i는 단순히 가시적인 결과만. -형광펜 효과 주기 -인용구 표시하기 : 큰따옴표가 생긴다! -아무 효과도 안 주면서 묶기만 하기 : -인라인 태그이며 ,어떠한 효과도 없다. 하지만 유용한 태그 목록 표시하기 태그 - 목록의 두 가지 종류 : , ordere..