본문 바로가기

UI/html

 (5)
220914_html_국비_iframe iframe(인라인 프레임) 현재 html페이지 내에 내장 윈도우를 생성하고 다른 html페이지 출력 가능 태그에 의해 생성되는 윈도우를 Inline Frame(인라인 프레임)이라고 함 형식 ifram 태그를 다루지 않는 브라우저 대신 출력되는 텍스트 iframe1.html 생성) 첫번째 iframe 첫번째 iframe 첫번째 iframe 첫번째 iframe 첫번째 iframe iframe2.html 생성) 두번째 iframe 두번째 iframe 두번째 iframe 두번째 iframe 2개의 iframe을 가지고 있는 html 생성) 2개의 ↓결과 leftframe.html 생성) left frame left frame left frame 왼쪽 인라인 프레임으로써 메뉴를 생성하는 용도..
220913_html_국비_DETAILS, SUMMARY/ FORM 오디오 삽입 페이지 로드 후 음악이 실행됨 브라우저가 audio태그를 지원하지 않습니다 ↓결과 autoplay : 오디오가 실행될 준비가 끝나는대로 자동으로 실행됨 controls : 오디오실행을 제어할 수 있는 제어기가 표시됨 loop : 오디오 재생이 끝나면 자동으로 다시 재생됨 muted : 오디오의 음성 출력이 자동으로 음소거가됨,비디오가 재생되면 오디오도 같이 재생됨(기본값 false) 비디오삽입 브라우저가 video태그를 지원하지 않습니다 ↓결과 요약 인용구 컴퓨터 코드 단어 정의 이탤릭체 키보드 입력체 짧은 인용구 컴퓨터 메시지 강조 변수명 ↓결과 details, summary 태그 Q & A 리스트 Question 1 3가지 Answer 1 htmls, css, javascript dati..
220908_html_국비_TABLE/MARQUEE/A/MAP html meta data 삽입 meta data : 데이터를 설명하는 데이터 , , , , , 등이 html페이지에 대한 정보 표현 : 웹페이지의 제작자, 문자 인코딩, 문서 내용 등 다양한 메타 데이터 포현하기 위해 사용 name, content의 속성 쌍으로 구성 : charset 속성으로 웹 페이지에 사용된 문자의 인코딩 방식을 지정 html5에서는 UTF-8이 기본값 DL태그 용어에 대한 정의 목록을 만드는 형식 dt : definition term의 약어, 용어의 제목, 줄바꿈 기능있음 dd : definition description의 약어, 용어에 대한 설명, 줄바꿈 기능 있음 table 표만들기 table 속성 변경 속성 의미 border 테이블 테두리 설정 ex) border="1px"..
220907_html_국비_Hyper Link/Table 좋아하는 것 음식 감자탕 1. 2. 스파게티 국수 라면 물을 끓인다 라면과 스프를 넣는다 계란을 넣는다 여름엔 바다로 가을엔 산으로 UL type설정 하지 않을 때 : disc → circle → square 순서로 출력 ↓결과 행복과 지혜의 차이 차이점 행복과 지혜 사이에는 다음과 같은 차이가 있다. 자기 자신을 이 세상에서 가장 행복한 사람이라고 생각하면 정말 그대로 되지만 자신을 이 세상에서 가장 지혜로운 사람으로 본다면 가장 큰 바보가 되는 것이다. Copyright &copy 찰스 칼렙 콜튼, All rights reserved img 사이즈 설정 하지 않을 때 : 기본 사이즈로 출력 ↓결과 Font 글자크기 Font1 글자크기 Font2 글자크기 Font3 글자크기 Font4 글자크기 Font..
220906_HTML_Block Tag/Inline Tag/img/UL/OL/DL html 홈페이지를 만들 수 있는 언어 html 기본구성 웹 문서의 형식이 html을 이용해 작성하는 부분임을 알려줌 첫 시작 부분에 을 입력하고 마지막에 을 입력 1장 홈페이지 1절 html 언어 2절 ↓결과 태그 특성 1. '' 영문이나 숫자의 조합으로 이루어짐 2. 시작과 끝을 써줘야 하는 태그 존재, 끝을 알리는 부분에는 '' 형태로 '/' 가 삽입 3. 대소문자 구별하지 않음 4. 속성(태그의 세부적인 기능을 제어하는 옵션)은 값과 함꼐 '' 형태로 삽입 문자, 기호의 엔터티와 코드 표현 문자 엔터티 표현 코드 표현 " " " ' ' ' > > & & & 빈칸 &#160 ∞ ∞ ∞ ∑ ∑ ∑ ÷ ÷ ÷ √ √ √ 새로운 줄 넘기기 태그로 다음 & 빈칸 빈칸 줄로 넘어..

티스토리툴바