반응형 전체 글300 컨트롤의 제목 - label form : 컨트롤의 제목 label (생활코딩) 무언가의 이름표다 레이블 text 인풋 태그에 대한 레이블인지 구분하기 위해서 text # text 레이블을 클릭하면 안쪽 텍스트 커서가 위치. 사용성을 높이는 효과. 2017. 2. 12. 데이터 전송 - hidden 입력방식 form : 데이터 전송 - hidden (생활코딩) 서버쪽으로 데이터를 전송하긴 하는데 UI가 필요없거나, 몰래 보내야 하거나 등등 비가시적인 것을 전송할 때. 2017. 2. 12. form : 버튼 입력 양식 form : 버튼 (생활코딩) form action (서버 제출 전송) 이름을 바꿀 수 있다. 저 버튼 UI만 만들어지는 것임. submit과는 다름. 이거를 자바스크립트와 연관해야 활용성이 있어짐. 아예 리셋. (재설정) 2017. 2. 12. 입력 양식 form : 선택 입력 양식 form : 선택 (생활코딩) drop down list 제한된 공간 안에서, 여러가지를 선택할 수 있게 하는 기능. 색상 선택할 수 있는 것 (option) 묶어준다. 으로 컴퓨터가 이해하기 쉽게. mutiple 기입하면 다중선택 가능. (그러나 체크박스가 더 나음) 다중선택 콤보박스! 라디오 버튼, 선택 1. 라디오 버튼 올챙이 버튼 같은 선택지. 두 개 만들어서 눌러보면 다중 선택이 된다. 같은 이름으로 맞춰주면, 하나만 선택 가능. 라디오 버튼은 단일선택. 네임 값이 같은 것들끼리 그룹핑이 된다. 2. 체크 박스! (여러 개 선택) checked 는 선택되게 지정된 것. (기본적 옵션 부여) # 감싸준다. 2017. 2. 12. 입력 양식 form : 텍스트 입력 입력 양식 form : 텍스트 입력 (생활코딩) value = 사용자가 입력을 했을 때, 기본적으로 보여주는 글자. textarea = 여러줄을 입력할 수 있는 것. cols = colum : 열 --> 50 등 즉, 크기 조절 가능 (속성을 이용해서) default value 2017. 2. 12. 입력양식 - form 주요태그 : 입력양식 - form (생활코딩) 사용자가 입력한 정보를 서버로 전송할 때 쓰는 그러한 것들. 폼 작성 방법. 사용자가 입력한 정보 아이디 : 비밀번호 : 2017. 2. 12. 주요태그 : 표 - table 주요태그 : 표 - table (생활코딩) 웹 페이지에 표를 추가하는 방법. 이름, 성별, 주소 각각의 항목에 (table data) 행을 구분한다. (table row) 마지막으로 로 묶어준다. 다만, 테두리가 있으면 더 이쁘니 태그에 등을 추가한다. # 꾸밀 때는 속성을 이용하는 게 아니라, CSS 언어로 꾸민다. 옛날에는 table을 레이아웃이나 구조를 짤 때, 이용하기도 했음.(과거의 관점) w3c 2017. 2. 12. 주요태그 : 이미지 -img 주요태그 : 이미지 -img (생활코딩) 이미지를 웹페이지 안에 표현하는 방법. {픽사베이(pixabay) : 무료 이미지 다운로드 가능 사이트} img는 html2부터 지금까지 img - 여기서 부터 이미지가 시작되겠구나. src - img.jpg를 표시하면 되겠구나. {img src="img.jpg"} width : 이미지 크기 height : 이미지 높이 alt : 속성의 값 (alternative text) 대안 대체제(이미지가 깨졌을 때) title : 도움말 2017. 2. 12. 주요태그 : 줄바꿈 -br 주요태그 : 줄바꿈 -br (생활코딩) A-force-line-break 의 줄임말. 강제로 줄을 바꾼다, br 태그는 내용이 없는 코드void element 즉, 열리는 태그만 써도 상관없다는 것임. (3줄) 다만, 이것은 정보가 없는 태그이므로 만약 단락이라는 것을 표현하고 싶다면 태그를 쓰는게 더 좋다. 왜냐하면, 단락이라는 정보를 담아내고 있기 때문에. CSS로 간격 조정 가능. 2017. 2. 12. 주요태그 : 단락 -p 주요태그 : 단락 -p (생활코딩) 태그는 'paragraph' 줄임말. 단락이라는 뜻임. (줄바꿈, 여백) 한 줄만 띄우게 기본적으로 디자인되어 있는데 이것은 태그나 CSS를 통해서 수정할 수 있다. 2017. 2. 12. HTML의 변천사와 통계 HTML의 변천사와 통계 (생활코딩) HTML이 어떻게 변해 왔는지, 어떤 태그들을 썼는지 버전 별로 보여준다. 특히 HTML 통계를 보면 자주 쓰는 태그, 속성이 있고 덜 쓰는 태그, 속성이 있다. 이러한 것들을 염두해두면 상당한 통찰력과 똑똑하게 공부할 수 있다는 장점이 있다. 아무튼, 수업에서는 빈도 수가 높은 것을 위주로 태그를 설명할 것이다. 2017. 2. 10. 개발도구 (생활코딩) 개발도구 (생활코딩) atom Tab 기능. eemnt 기능 개발도구는 더 빠르고, 편리하게 해주는 것 개발도구를 배우는 것은 무엇보다 중요하다. 프로젝트 복잡도를 어느정도 줄여주는 적정 수준의 도구 적정 수준의 공부. 2017. 2. 10. 웹사이트 만들기 웹사이트 만들기 (생활코딩) index.html : 대문 페이지링크 페이지 : 4총 : 5개 페이지 일단 링크부터 하는게 좋음.(파일부터 만들면 중복이 많아질 수 있음.) 2017. 2. 9. DOCTYPE DOCTYPE (생활코딩) 서브라임 텍스트나 다른 소스 코드 문서를 보면 것을 볼 수 있다. 이것은 document html 이라고 해서 웹 사이트의 표준(약속)을 말한다. 지금까지 많은 버전, 태그들이 변화해 왔고 최근에는 HTML5 버전을 표준으로 이용하고 있기 때문에 우리는 를 쓴다. 2017. 2. 9. 문서의 구조 문서의 구조 (생활코딩) 본문인 글과 본문이 아닌 글을 구분할 필요가 있음. 웹 제목 : 글자 깨짐 방지 : 이것들은 전부 헤드 이 모두를 감싸는 html 태그 문서의 기본 구조. 2017. 2. 9. 이전 1 ··· 14 15 16 17 18 19 20 다음 반응형
