FrontEnd/HTML_CSS 썸네일형 리스트형 0930 HTML - CSS Contents HTML 레이아웃 요소 HTML에는 웹페이지의 다른 부분을 정의하는 몇 가지 의미론적 요소가 있습니다 CSS basic CSS 문법 선택자 {속성:속성값;} css 적용방식 3가지 External CSS - 스타일소스를 외부파일에 따로 만들고 웹페이자와 연결하여 적용 Internal CSS - 스타일소스를 웹페이지의 head안에 style 태그로 적용 단점 : 페이지가 끝나면 태그 적용도 끝 (해당 페이지에만 적용됨) Inline CSS - 스타일소스를 body안의 해당 태그 뒤에 바로 적용 tag style="속성:속성값;" 단, 소스가 길어지고 통일된 스타일 적용 어려움 -> 유지보수에 불리함 CSS 적용 우선순위가 가.. 더보기 0923 HTML - web 이클립스 설치 이클립스 설치하기 open perspective - web 선택 환경설정 window - Preference general -> Web Browser -> Chrome 선택 Preferences -> Web -> CSS Files -> UTF-8 선택 jsp 도 필요하다면 하기 . -> 체크박스 체크 -> no 누르기 HTML File 추가하기 톰캣 연결하기 html 폴더에 있는 파일들 다 복붙하기! webapp 더보기 0923 HTML - 링크 걸기 mailto: email 링크 itwill email 클릭 시 이메일 실행 이미지 넣기 타이틀 속성을 추가하여 툴팁(풍선도움말)으로 설명문 추가 가능 더보기 0916 HTML - 경로, 링크로 나타낼 수 있는 종류 목차 경로(Path) 문서에서 다른 문서로 연결하거나 문서 내에 이미지 및 음악 파일을 넣을 때, 해당 파일의 위치를 브라우저에게 알려주어야 한다. 는 href 속성을 이용해서, 는 src 속성을 이용해서 명시한다. 이 때, 해당 파일의 위치를 경로(path)라고 한다. 경로를 표기할 때 두가지 방법이 있는데 절대경로와 상대경로가 있다. 절대경로(Absolute path, Absolute pathname, Full path) 컴퓨터내의 그곳이 폴더가 있는 경로까지의 모든 경로를 적어 주는 것. 정해져 있는 경로라고 하기 때문에 절대 경로라고 한다. 루트 디렉토리를 포함한 주소를 갖는 경로, 컴퓨터 상의 디렉토리에서 C:\를 항상 포함 URL에서는 http://를 항상 포함 항상 기준은 루트가 됨 ex ).. 더보기 0902 HTML - 기본 form 태그들.. 목록형 박스 (selected = " selected " / selected) 가장 선호하는 색상은? red green blue gray white black multiple 상담 가능한 시간은? (다중선택 multiple="multiple"/multiple 추가) 1교시 2교시 3교시 4교시 5교시 7교시 8교시 size ="n" 상담 가능한 시간은? (상자형 size ="n" 추가) 1교시 2교시 3교시 4교시 5교시 7교시 8교시 optgroup 오전과 오후 상담 가능한 시간은? optgroup 태그로 서로 관련있는 opton들을 묶어서 나타낼 수 있고 해당 그룹 주제, 제목을 label으로 나타낸다. 1교시 2교시 3교시 4교시 5교시 6교시 7교시 8교시 file 웹페이지에서 사용자의 로컬 파일.. 더보기 0826 HTML - 필수 태그 , input type 값 HTML의 필수 태그 Label 태그로 연결시키기 form으로 사용자와 연결하기 form 요소 - input type 의 값들 이름 id 페이지 안에서 중복은 할 수 없다. nm 과 id와 같이 값을 다르게 넣은 것처럼 , 한 나라 안의 주민등록번호처럼! 항목 앞에 숫자 넣기 이름 id 값 값2 for, id 태그로 연결하기 form으로 사용자와 연결하기 form 요소 - input type 의 값들 input type = "text" 주관식. 한 줄 글 상자 이름 (input 에 대한 설명문을 뜻하는 label. label태그와 input태그를 for와 id값으로 서로 연결시켜 줌) id 글자 수 제한 두기 Maxlength = "n" 사이즈 크기 조절 size = "n" 으로 입력창의 길이를 지정 큰.. 더보기 0826 HTML - Colspan , Rowspan 속성 colspan - 열 합치기 (가로합치기) 으로 테이블을 만들었을 때, 열(을 가로로)을 합치기 위한 코드이다. 내용 내용 rowspan - 행 합치기 (세로합치기) 으로 테이블을 만들었을 때, 행(을 세로로)을 합치기 위한 코드이다. 내용 내용 더보기 7/28 HTML - html의 기초 W3Schools Online Web Tutorials W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com HTML : 웹페이지를 만들어 주는 기본 언어 My First Heading My first paragraph. 선언은 이 문서가 HTML5 문서임을 정의합니다 . 요소는 HTML 페이지의 루트 요소입니다 .. 더보기 이전 1 다음
