Web/HTML
-
[html] 시맨틱 구조, 멀티미디어 관련 태그Web/HTML 2020. 5. 16. 05:34
[html] 시맨틱 구조 단순한 코드의 구성이 아닌 의미를 가진 태그 모델로 구성된 구조 컴퓨터가 정보를 이해하고, 논리적인 추론까지 할 수 있는 구조를 만들기 위해 추가됨. header: 페이지 제일 상단, 로고 혹은 검색창 / nav가 함께 배치되기도 함 nav: 네비게이션 즉 메뉴의 배치 section: 콘텐츠 영역, 중요 본문내용을 감싸는 공간 article: 콘텐츠의 내용이 들어가는 영역, section 태그의 하위 개념, 독립적인 내용이 담기는 태그 aside: 홈페이지 사이드에 위치하는 기타 내용 삽입/ 광고배너, 링크 footer: 웹문서의 제일 하단 영역, 홈페이지 제작정보 및 저작권 adress 같은 태그가 포함 div와 비슷한 성격(블럭 형태)을 갖고 있으나 검색 했을 때 상단에 표시..
-
-
[HTML] 텍스트 관련 태그, table 태그Web/HTML 2020. 5. 16. 05:08
텍스트 관련 태그 ~ 헤더 텍스트 : 굵고, 사이즈가 지정되어 있음. 단락에 대한 구분이 표현되어져있는 성격 태그 : 단락이 구분되어짐. 글자가 얇음. : 단락에 대한 구분(줄바꿈) h태그와 p태그는 서로 상속될 수 없음 태그: 수평선을 나타내는 태그, 단락을 구분짓는 용도로 사용 이전에는 많이 사용했으나, 요즘은 css때문에 단락을 구분짓는 용도로 많이 사용 border에 비해 입체감이 있음 인용문을 나타내는 태그: - 인용문을 나타내기 때문에 자동으로 들여쓰기가 됨. 마진 값 약 40px 태그: 공백이나 줄 바꿈 결과값을 그대로 보여주는 태그 글자를 꾸며주는 태그 글자를 굵게 - 중요한 것들을 강조 이전에는 태그가 사용되었음. 글자를 꾸며주는 태그는 글자처럼 옆으로 나열되는 성격을 갖고 있기 때문에 ..
-
[HTML] HTML 문서의 이해, FTP프로그램, 코딩편집프로그램Web/HTML 2020. 5. 16. 05:04
1. HTML 문서의 이해 HTML5 웹표준 - W3C가 권고한 표준안에 따라 브라우저의 종류 혹은 버전과 구현되는 기기에 따라 모든 기술을 동일하게 구현하기 위한 규칙성 HTML4 1999년 html버전 코딩 이후에 다양한 웹브라우저에서 호환성 확인 태그: html을 이루는 기본 구성 단위. 특정한 성격을 가진 명령어로 문서의 구조의 부분을 나타내며, 꺽쇠 괄호 로 감싸서 구분함. 그 외 언어 및 이름 생성 시 주의사항 1. _(언더바) -(하이픈): 특수문자 표현을 할 때는 이 두가지만 표현 가능 2. 소문자와 대문자 구분 3. 띄어쓰기: 중간에 공백을 주지 않는 것이 좋음 4. 한글 사용 금지 5. 태그 입력시 열고닫기를 습관화 파일 이름 저장시 주의! 특수문자, 공백 , 한글 - 영문쓰기! 밖에서..
-
[HTML] HTML 태그(html5)Web/HTML 2020. 5. 15. 05:39
- (한글이 깨질 때) 파일을 UTF-8 방식으로 열기 - 문자를 진하게 강조하는 방법(볼드) 강조하고 싶은 내용 - 문자에 밑줄을 쳐 강조하는 방법 강조하고 싶은 내용 - HTML headings (제목) : 부터 까지는 제목을 나타내는 태그이다. 까지만 있으며 은 없다. -줄바꿈 태그 - 단락을 표현하는 태그 단락 내용 * css를 통해 단락 위에 여백 추가 단락 내용 : 해당 태그 위로 지정한 만큼 여백이 생김. - 사진을 첨부하는 태그 * 이미지가 너무 크다면 이미지 크기를 조절 가능 속성 태그끼리는 순서 상관없음. - 목록을 표현하는 태그 목록 내용 * 태그의 부모 태그: unordered list 어디서부터 어디까지가 연관된 항목인지를 구분하기 위한 목적. 태그는 반드시 부모 태그를 가지고 있..