Salangdung_i의 기록

시멘틱이란? 의미론적인, 의미가 통하는 뜻으로 시맨틱 태그를 보면 그 부분이 어떤 역할을 하는지 쉽게 알수 있다. HTML4 가 태그로 이루어졌다면 HTML5는 header, content, sidebar, footer 로 나누어졌다. header - 머리말을 지정하는 태그 hn - 제목을 표시하는 태그 iframe - 외부 문서를 삽입하는 태그 section - 주제별 콘텐츠 영역을 지정하는 태그 article - 독립적인 콘텐츠 내용을 삽입하는 태그 footer - 제작 정보를 나타내는 태그 address - 사이트 제작자와 연락처를 나타내는 태그 참고 서적 http://m.yes24.com/Goods/Detail/85112155?pid=157529 Do it! HTML5+CSS3 웹 표준의 정석 -..

: 폼 생성 태그의 속성 method get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. post : 사용자의 입력을 표준입력으로 넘겨주기 떄문에 입력 내용의 길이에 제한을 받지않고 사용자가 입력한 내용이 드러나지 않는다. name : 폼의 이름 지정 action : 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다. target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다. autocomolete 속성 : 자동완성기능 : 폼 요소에 레이블 붙이기 아이디 아이디 체크박스(다중선택), 라디오박스(단일선택) 수강 분야(다수 선택가능) 문법 작문 독해 수강 과목(1과목만 선택가능) 영어회화 중국어회화 일어회화 , : 폼 요소 그룹으로 묶기 : 폼 요..

태그 : 웹 문서에 이미지를 삽입할때 사용하는 태그 src : 이미지 파일 경로 지정하기 alt : 이미지를 설명해주는 대체 텍스트 width : 너비지정 height : 높이지정 , : 이미지에 설명 글 쓰는 태그 : 설명글을 붙일 대상 지정 : 설명 글 붙이기 경주의 카페 '가봉반과' , href : 링크 태그 텍스트링크 사랑둥이 티스토리 이미지링크 target 속성 target="_blank" : 링크의 내용이 새창이나 새탭에서 열린다. target="_self" : target의 속성의 기본 값으로 링크가 있는 화면에서 열린다. target="_parent" : 프레임을 사용했을 떄 링크 내용을 부모 프레임에 표시한다. target="_top" : 프레임을 사용했을 때 프레임에서 벗어나 링크 내용..

텍스트 관련 태그 제목표시하기 단락만들기 줄바꾸기 수평 줄 넣기 인용문 넣기 입력하는 그대로 화면에 표시하기 , 굵게 표시하기 , 이탤릭체로 표시하기 인용 내용 표기하기 형광펜 효과 내기 줄바꿈 없이 영역 묶기 동아시아 글자 표시하기 내용 주석 루비(Ruby)는 1995년 일본의 프로그래머인 마츠모토 유키히로 (松本行弘まつもとゆきひろ)가 만든 프로그래밍 언어입니다. 약자 표시 웹 문서나 포스트에서 참고 내용 표시 컴퓨터 인식을 위한 소스코드 키보드 입력이나 음성 명령 같은 사용자 입력 내용 부가 정보처럼 작게 표시해도 되는 텍스트 아래첨자 위첨자 취소선 밑줄 목록태그 , 순서없는 목록 만들기 내용1 내용2 내용3 , 순서 목록 만들기 내용1 내용2 내용3 type 속성 속성 값 설명 1 숫자(기본값) a..

HTML란? 하이퍼텍스트 마크업 랭귀지의 줄임말 하이퍼텍스트를 마크업하는 언어이다. 하이퍼텍스트란 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할수 있는 기능 마크업이란 태그를 사용해 문서에서 어느부분이 제목이고 본문인지, 어느부분이 사진이고 링크인지 표시하는 것을 말한다. 즉, 웹에서 자유롭게 오갈수 있는 웹문서를 만드는 언어 HTML 문서 기본 구조 웹 문서는 아무리 길더라도 과 , 시간이란... 내일 죽을 것 처럼 오늘을 살고 영원히 살 것처럼 내일을 꿈꾸어라. 태그 - 현재문서가 HTML5언어로 작성된 웹문서라는 의미 ~ 웹 문서의 시작과 끝을 나타내는 태그 웹 브라우저 웹문서를 해석하기위해 필요한 정보를 입력하는 부분 실제로 웹 브라우저 화면에 나타낼 내용이다. 태그 - 문자 인코..

img - 이미지를 삽입하는 태그 figcaption - 이미지에 설명 글을 삽입하는 태그 a - 링크를 만드는 태그 target - 링크를 새창에서 열기 위한 태그의 속성 map - 이미지 맵을 만드는 태그 태그 기본형 : alt속성 - 이미지를 설명해 주는 대체 택스트 figure, figcaption 태그 - 이미지에 설명 글 붙이기 figure 태그 - 설명 글을 붙일 대상 지정 기본형 태그 figcaption 태그 - 설명 글 붙이기 기본형 설명글 태그, href속성 - 링크만들기 텍스트 속성 설명 href 링크한 문서나 사이트의 주소를 입력합니다. target 링크한 내용이 표시될 위치(현재 창 또는 새창)을 지정합니다. download 링크한 내용을 보여주는 것이 아니라 다운로드합니다. re..

태그, 태그 - 순서 없는 목록 만들기 내용1 내용2 ... 태그, 태그 - 순서 목록 만들기 내용 내용 ... 태그의 type속성 "Icon made by Pixel perfect from www.flaticon.com"

Tag(태그)란, 태그(Tag) : ''로 묶인 명령어 : 시작태그()와 종료태그 ()를 한쌍으로 사용한다. 단, 종료태그가 없는 태그도 존재한다. 속성 : 시작태그에만 사용이 가능/ 여러개의 속성을 사용할 수 있음 -> 구분기준은 공백 속성 값 : 속성이 가지는 값, 값 입력시 " " or ' ' 를 이용 요소 : 시작태그와 종료태그로 이루어진 모든 명령어 하나의 HTML 은 요소들의 집합 이다. HTML의 기본 , , 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보를 입력하는 부분이다. 제목 표시하기 제목 표시하기 제목 표시하기 제목 표시하기 제목 표시하기 제목 표시하기 #p 태그 - 단락 만들기 -> 한 개의 단락을 만들 때 사용 -> 자동으로 개행처리 #br 태그 - 줄 바꾸기 # pre 태그..

HTML이란 하이퍼텍스트 마크업 랭퀴지(hyper text markup language)의 줄임말로 하이퍼텍스트를 마크업하는 언어이다. 'hyper text'란 Hyper Link 를 통해서 구성된 다른 정보로 쉽게 연결시켜 주는 구조화된 문서 'markup language'이란 태그 등을 이용하여 문서나 데이터의 구조를 정의하는 언어 즉, 웹에서 자유롭게 오갈수 있는 웹 문서를 만드는 언어가 HTML이다. 어디가 이미지고 어디가 텍스트인지 표시하는 것을 마크업이라고 하는데 , 마크업할때 사용되는 약속된 표기법을 '태그(tag)'라고 한다. HTML 주의 사항 -> 태그는 대소문자를 구분하지 않는다. (소문자 사용을 권장) -> 시작태그로 시작하면 반드시 종료 태그로 종료 (단, 종료태그가 없는 경우 제..