본문 바로가기

Web Programming Language/HTML9

HTML) form 태그/entype 속성 form 태그 / entype 속성 파일을 업로드 할때, 태그에서 entype="multipart/form-data"라는 애트리뷰트를 반드시 써야한다. 그렇게 하지 않으면, 웹 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않기 때문이다. 그리고 이때, method 애트리뷰트에는 'POST' 값을 지정해야 함 ** 태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용한다. method는 전송 방식, action은 전송 목적지, enctype은 전송되는 데이터 형식을 설정. ** enctype enctype 속성은 다음 세가지의 값으로 지정될 수 있다. 1. application/www-form-urlenc.. 2020. 11. 1.

<form> 태그 안녕하세요 오늘은 form 태그를 정리해보도록 하겠습니다. 일반적으로 form태그를 사용하는 이유는 사용자가 입력하거나 선택한 정보를 서버로 전송하기 위해서 쓰는 태그입니다. 간단하게 로그인 할때 아이디와 패스워드의 공간을 만든다고 생각하시면 됩니다. form태그 예시화면 form 태그의 속성 폼 태그 속성에는 name, action, method, target 등이 있습니다. action : 폼 전송 버튼을 눌렀을때 이동하는 페이지의 경로를 지정해주면 됩니다. name : 폼을 식별하기 위한 이름을 여기에 작성합니다. accept-charset : 폼 전송시 사용할 문자 인코딩을 지정합니다. (즉 한국어나 영어와 같은 언어 설정을 해준다고 생각하시면 됩니다.). target : action에.. 2020. 10. 26.

div, id html 문서에는 엄청 많은 태그가 있다. 곧 뭐가 뭔지 헷갈리고 혼란스러워질 것이다. 여기 보이는 것처럼 특히 div가 엄청 많으면 헷갈리게 된다. 그래서 각 div가 무엇을 뜻하는지 알려줄 필요가 있다. 예를 들면 섹션 그리고 헤더를 만들어보자. 그 헤더 안에 h1을 만들어보자. 하단에 div를 만들어보자. 그 안에 헤더를 또 만들고 자 이제 이 2개의 헤더를 구분할 수 있는 방법이 없다. 2개의 헤더 모두 같은 명칭 header를 갖고 있으니 새로운 이름을 지어줘야 한다. 이건 굉장히 중요하다. 왜냐하면 나중에 css를 할 때 이 헤더를 빨간색이고 이건 파란색이고 분리해서 명령을 내려야 하기 때문이다. 그래서 이름을 짓는 것은 엄청 중요하다. 이걸 하는 방법은 2가지가 있다. 첫 번째.. 2020. 10. 24.

semantic 태그, non-semantic 태그, div, span semantic 태그, non-semantic 태그, div, span 이번 글에서는 semantic tag 와 non-semantic tag에 대해 얘기해보겠다. 간단하게 설명하자면 1. semantic 뜻은 의미가 있는 태그이고 2. non-semantic 은 아무 의미가 없는 태그를 뜻한다. 이게 무슨 말일까? 예를 들면 h1 태그는 의미가 있다. 이것은 제목이라는 걸 알 수 있다. 하지만 무엇일까? div 태그의 경우는 아무 의미가 없다. 굳이 뜻을 찾으면 division 정도이다. 이 태그는 헤더 푸터 내비게이션 등등 뭔가를 지칭하지 않고 아무 의미가 없다. 비슷하게 span 태그도 non-semantic 태그다. span의 짧다는 뜻인데. 그게 다다. 이게 짧은 타이틀인 건지, .. 2020. 10. 24.

<a> </a> 태그 문서를 연결하는 a 태그 (href, title, target 속성) 문서를 링크시키기 위해 사용하는 태그가 바로 태그 입니다. 태그 anchor '정박지' 또는 '닻 '의 약자입니다 태그는 혼자만 사용하지 않고 아래와 같은 속성과 함께 사용합니다. herf 속성 hypertext reference 약자로, 연결할 주소를 지정하는 속성입니다. 사용 예 :지구별 안내서 바로가기 따옴표(" ")를 빠트리지 않도록 주의해 주세요. 링크가 정상적으로 나오지 않을 수도 있습니다 title 속성 해당 링크에 마우스를 갖다 대면 link에 대한 설명이 나옵니다. 사용 예: 지구별 안내서 target 속성 링크를 클릭 할 때 창을 어떻게 열지 결정합니다 _self 연결 문서를 클릭한 창에서 엶(기본값) _bla.. 2020. 10. 21.

HTML) 목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl> 목록(리스트)을 표현하는 태그 , , , li - li : list item - 목록의 항목을 표시하는 데 사용 - ul, ol 같은 상위 요소에 포함되어야함 ul - ul : unordered list - 글머리 기호를 앞에 붙여 목록을 만드는 형식 - 순서가 필요없는 목록을 만들 때 주로 사용 ol - ol : order list - 번호를 앞에 붙여 목록을 만드는 형식 - ol type="속성" 으로 다양한 형태의 목록을 만들 수 있다. dl - 기호 없이 문단으로 목록을 만드는 형식 - 시작은 , 제목은 , 내용은 태그로 설정한다. 1. UL(Unordered List) 태그 - 순서가 없는 목록 요소이다. - ol과 거의 동일하며, ul 역시 블럭요소이지만 자식으로 li 요소만 포함할 수 있.. 2020. 10. 21.

이전 1 2 다음

티스토리툴바