스타일 태그를 사용하여 웹문서의 디자인을 변경할 수 있습니다. 스타일의 형식선택자{ 속성:값;}p{color:black;} 형태로 사용합니다. 선택자는 한번에 여러개도 적용 가능합니다. p,h1{color:black;} 모든 선택자에 적용하고 싶을경우 *{속성:값;} 을 사용하시면 됩니다.특정 태그가 아닌 특정 클래스이름에 스타일을 적용하고 싶을 경우 .클래스이름{속성:값};특정 id 이름에 스타일을 적용하고 싶을 경우 #아이디이름{속성:값}; 스타일은 헤드태그 사이에 넣어도되고 css파일을 따로 만들어 적용하거나 태그에 직접 하는 방법들이있습니다. 스타일을 적용해 볼께요. style.css 파일 @CHARSET "UTF-8"; p{ margin: 200px; }
로그인 창과 같은 폼을 통해 JSP,PHP,ASP와 같은 서버 언어를 이용하여 데이터를 전달할 수 있다.폼태그 안에는 input, textarea, button, select, option, optgroup, fieldset, label 요소를 포함합니다. form 속성accept-charset제출에 사용할 문자를 지정합니다.action데이터를 보낼 URL위치를 지정합니다.autocomplete자동완성 사용여부를 지정합니다.enctypepost방식일경우 사용하며 서버로 전송할 때 데이터 인코딩 방법을 지정합니다.methodget과 post방식의 속성값을 가지고 있으며 get은 주소 표시줄에 입력한 내용이 그대로 드러나는 방식으로 256바이트 부터 4096바이트까지 데이터만 성버로 넘길 수 있으며, pos..
속성 id를 사용하여 이름을 정한뒤에 a태그 href에서 #id를 이용하시면 됩니다.
글에 링크를 달고 싶을 경우 a태그에대한 속성에 대해서는 아래 예제를 참고하세요.
표 구성 순서1. 속성 border을 이용하여 표의 윤곽을 잡습니다.2. 테이블의 제목을 푱의 위쪽 중앙에 표시하고 싶을 경우 사용2. , 행을 추가합니다. th태그는 tr태그와달리 셀의 중앙에 정렬이되며, 볼드체로 표시됩니다.3. 열에 들어갈 셀을 만듭니다.4. 속성 colspan, rowspan을 이용하여 행이나 열을 합칠 수 있습니다.5. 속성 aria-describedby은 스크린 리더에서 특정 요소의 상세 설명이나 기타 레이아웃들의 설명하는 용도입니다. colspan, rowspan사용시 열과행이 밀려나는 형태를 파악하세요.
제목과 설명 목록을 만들때 사용하며, 태그는 제목을 태그는 설명을 순서가 없는 목록을 사용하며, 기본적으로 불릿이 붙습니다.순서가 없는 목록을 사용하며, 기본적으로 숫자가 붙습니다.리스트 아이템의 약자로 ul과 ol태그 안에 사용해 각 항목을 표시해줍니다. 목록에 들여쓰기, 점, 숫자등 없애기위해서는 스타일처리를 해주면 됩니다.css부분에서 ul이나 ol과같이 모든 태그에 같은 스타일을 적용하실려면, 아래의 코드를 css부분에 넣으시면 됩니다. ul{ list-style:none; padding-left:0px;}
블럭 요소관련 태그들블럭 요소란 한 개의 독립된 덩어리라는 의미로 일반적으로 앞 뒤로 줄바꾸기가 일어남 입력하는 그대로 화면에 표시합니다.HTML은 연속적으로 공백을 많이 넣더라도 한개의 공백만 표시되지만 pre태그를 이용하면 입력한 그대로 표시됨다만, 웹 접근성에서 점자로 표시해주는 기계나 텍스트를 읽어 주는 기계를 사용 시 pre태그는 건너 뛰기 때문에 pre부분의 내용을 알 수 있도록 텍스트를 따로 추가하는 것이 좋습니다. h1~h6까지 있으며 글씨크기를 조절합니다. h1이 가장 크며 h6가 가장 작습니다. 텍스트 단락을 만들며 앞뒤에 줄바꿈이 있는 텍스트 덩어리를 말함 만약에 웹페이지 창의 너비보다 길어질 경우 자동 줄바꿈이 일어남 가로선을 삽입하는 태그이며 닫는 태그는 없음 다른 글을 인용할 경..