프로그래밍/Web

너무 쉬운 HTML/CSS 입문 #3

12강~ CSS 강의 CSS(cascading style sheets) 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트 HTML에서 style 지정하는 방법 style=" 속성:값; 속성:값;..." 근데 이건 너무 지저분하고 코드의 길이가 매우 높아짐. 이식성도 떨어지고 관리, 수정이 어려움. CSS?? 계단식 폭포와 같이 상위 요소->하위 요소로 차례대로 스타일 적용! (사이트 전체 스타일->페이지 전체 스타일->요소 스타일) 등 차례대로 적용 head영역에서 style을 지정하면 페이지 전체에 적용됨! main.css라는 파일에 있는 스타일을 이용할 것이라는 코드. ***사이트,페이지 등의 스타일이 충돌이 일어나면?? 가장 마지막에 적용된 스타일을 따라감.(가장 하위 계층) CSS 선택자(S..

너무 쉬운 HTML/CSS 입문 #2

9~11강 내용 사용자 입력 폼(Form) ***종류로는 submit(버튼), text(text box) 등이 있음. Text Box 라벨(Label) 라벨내용 이렇게 적어주면 input box의 왼쪽에 label이 표시됨. 비밀번호(Password) Password Radio Button(여러 옵션 중 하나만 고를 수 있음) ///같은 name을 가진 것들 끼리 묶이고, value속성에 따라 달라짐. (ex) Male Female> id를 이용하여 label에 대응할 수 있음. checked 입력하면 default로 체크해 놓을 수 있음. Checkbox(여러 옵션 중 여러개를 고를 수 있음) A 드롭다운 리스트(Drop-down) Radio와 유사하나, , 으로 구현 Gender: ////size를 ..

너무 쉬운 HTML/CSS 입문 #1

1~8강 내용 web app - 웹 형식으로 만들어졌지만, app처럼 특정 기능을 수행하도록 개발된 웹. 단점 : 웹 브라우저 만으로 이용 가능 / 하드웨어 제어 어려움 장점 : 프로그램 유지/보수 쉬움 태그(tag) : HTML 요소의 종류를 구별할 때 사용. 요소(element) : Hello HTML! 태그 안에 있는 내용을 포함한 객체 속성(attribute) : 태그의 동작을 제어. 검색 엔진은 태그의 내용을 해당 페이지의 중심 제목으로 인식 : 문단 : 가로 선 : 줄바꿈 : bold (표시상으로만 유효) : bold인데, 표시 뿐만 아니라 문서 내용 상으로도 중요함을 나타냄. : italic(기울임) 표시상으로만 유효 : italic인데, 의미상으로도 강조를 넣음.(ex)text-to-spe..