게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
do it! html을 하고 있는데요 :)
게시물ID : programmer_22217짧은주소 복사하기
작성자 : 프나무
추천 : 0
조회수 : 610회
댓글수 : 4개
등록시간 : 2018/03/22 21:53:26
옵션
  • 본인삭제금지
가입신청서-.png
css.png

예제처럼 이뿌게 정렬되게 하고 싶은데 책에서는 아직까지 CSS는 잘 안 가르쳐주네요 ㅠㅡㅠ 
추측으로는 head에 넣는 style이 css인듯 싶은데..! 조금이나마 간략하게나마 대략이나마.. 설명해주실 분..
코드는 매우 간단한.. form 예제입니당!  
<!doctype html>
<html lang = "ko">
    <head>
        <meta charset = "utf-8">
<title> 4장 예제</title>
<style>
ul{
list-style: none;
}
            
</style>
</head>
    <body>
<h2> 회원 가입</h2>
        <form>

<fieldset>
<legend> 로그인 정보 </legend>
<ul>

<li>
<label>아이디: <input type = "text"> </label>
</li>

<li>
<label>비밀번호: <input type = "password"> </label>
</li>

<li>
<label>비밀번호 확인: <input type = "password"> </label>
</li>

</ul>
</fieldset>

<fieldset>
<legend> 개인 정보 </legend>
<ul>

<li>
<label>이름: <input type = "text"> </label>
</li>

<li>
<label>메일 주소: <input type = "email"> </label>
</li>

<li>
<label>연락처 : <input type = "tel"> </label>
</li>

<li>
<label>이름: <input type = "url"> </label>
</li>

</ul>
</fieldset>
<input type ="submit" value = "가입하기">
        </form>


    </body>
</html>
전체 추천리스트 보기
[본인삭제]향기없는바람
2018-03-22 22:28:32추천 0
댓글 0개 ▲
[본인삭제]다이어트1일차
2018-03-23 02:33:04추천 0
댓글 2개 ▲
[본인삭제]다이어트1일차
2018-03-23 02:37:31추천 0
[본인삭제]다이어트1일차
2018-03-23 02:38:40추천 0
2018-03-23 07:25:27추천 1
과거 많은 웹사이트들이 각각의 요소(element)를 배치(layout)하기 위해서 table을 사용했습니다. (구형 드림위버나 나모웹에디터로 페이지를 만들면 온통
table로 도배된 결과물을 보게 됩니다.) table은 가로/세로 격자로 된 요소죠. 이 table안에 table을 넣고 또 안에 table을 넣고... table은 tr과 td라는 자식 요소들로 내용을 채우는데 table안에 table이 들어가면 indent는 table/tr/td/table/tr/td 이렇게 6번이나 들어가야 해서 아주아주 가독성이 나쁩니다. 게다가 table은 우리가 익히 아는 그 '표'를 의미하는 것이기에 table로 가득 채운 웹페이지를 검색엔진이 크롤링 할때는 페이지의 내용을 이해하기 어렵기 때문에 검색엔진 노출을 원하는 상황이라면 반드시 피해야 하는 방법입니다. 요즘 웹 업계에서는 웹표준을 준수하는 것을 권장하고 있으며 대부분의 container는 div/span을 이용하고 특정한 의미가 있는 container는 header/footer/aside/section/nav 등을 이용하라고 합니다.

form에 대해서도 옛날에는 form을 통해 요소를 포장하고 action에 지정된 url을 통해 통신하는 방식을 썼지만 현재는 CRUD를 모두 지원할 수 있는 RESTful API가 권장됩니다. 자세하게 쓰자면 끝도 없으니 키워드만 알고 계세요.

이미 책을 보고 계시니 앞으로 css나 javascript까지 모두 익히게 될겁니다. 근데 이것들이 개별적으로 노는게 아니라 전부 유기적으로 연결된거라서 가능한 빨리 대충이라도 책을 다 훑어보고 다시 처음부터 보면서 필요한 부분을 '찾아가며' 공부하는 것이 도움이 됩니다.
댓글 2개 ▲
2018-03-23 07:28:14추천 0
그리고 웹에 대한 자료는 인터넷에 넘치고 넘치고 넘치도록 많으니 하나하나의 키워드로 검색을 해보고 거기서 궁금한게 있으면 또 검색해보면 각 요소별로 상세하게 설명된 문서나 블로그나 예제나 영상을 넘치도록 찾아낼 수 있습니다. 사실상 책을 볼 필요가 전혀 없는 분야입니다.
[본인삭제]향기없는바람
2018-03-23 18:22:55추천 0
2018-03-23 15:02:34추천 0
댓글 0개 ▲
2018-03-23 18:11:56추천 0
다들 감사합니다~~
댓글 0개 ▲
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호