본문 바로가기

장원익 기술블로그

📺 Front End71

5. HTML 프레임 프레임 웹 사이트에 자세히 보면 여러 프레임을 이용하여 웹 페이지를 구성하는 경우가 흔하다. 이는 프레임을 여러 화면으로 구역을 나누어 각기 다른 기능을 제공한다. 각 프레임마다 특정 역할을 수행하는 페이지로 효과적인 웹을 만들 수 있다. 프레임의 정의 프레임의 구조는 첫 번째로 태그를 선언하고 태그로 실제 프레임을 정의한다. 태그 프레임을 선언하는 동시에 프레임의 수와 크기를 설정한다. 프레임의 크기를 설정하는데에는 픽셀 수로 설정, 브라우저 크기에 대한 비율(%)로 설정 ,나머지 전부를 설정이 있다. 나머지 전부는 *로 설정한다. 태그 frame 태그의 src 속성을 통하여 프레임에 표시할 HTML 문서를 지정한다. --------------------------------------------- m.. 2019. 11. 29.

4. HTML 테이블 테이블 정보를 이차원적으로 표현하기 위해서 사용하며 웹 문서에서 테이블을 이용하여 데이터를 효과적으로 표현할 수 있다. 테이블 작성 : 테이블 생성을 위한 태그 : table row으로써 테이블에 하나의 행 생성 : table data으로써 테이블에 하나의 셀 생성 : table header으로써 테이블의 제목으로 표시되는 셀 생성 : 테이블의 제목 테이블 선언 태그 ~ 으로 테이블을 선언해주고 태그 안에서 , , 태그를 사용한다. first data second data 테이블 제목 태그 와 과 같은 역할(제목)을 수행하지만 차이점이 있는데 태그는 제목으로 표시되는 셀이다. 테이블의 제목 Real Title hello first data second data world third data fourth .. 2019. 11. 29.

3. HTML 이미지 삽입 이미지 태그 HTML에서 이미지를 삽입하기 위해서는 태그를 사용하는데 이 때 사용되는 상대 URL의 경로는 다음과 같다 src : 필수 속성으로 이미지 파일을 연결 alt : 이미지 파일이 없으면, 파일에 대한 설명이 나타난다. title : 마우스를 가져다대면 파일에 대한 설명이 나옴 이미지의 크기 조절 width : 이미지 가로 크기 height : 이미지 세로 크기 이미지와 문자의 정렬 삽입한 이미지의 크기는 vspace 나 hspace 속성을 이용하여 조절한다. 이 때 형식은 다음과 같다. vspace : 이미지 상하의 여백 hspace : 이미지 좌우의 여백 이미지로 문서 연결 2019. 11. 28.

2. HTML 기본 태그 순서 HTML 기본 태그 문자 서식 태그 단락 서식 태그 목록 태그 연결 태그 기본 태그 문서 구조 태그 Html 태그중 가장 기본적인 태그로써 문서 구조를 정의하는 , , , , 가 있으며 이러한 태그들로 HTML 문서를 작성한다. 태그를 제외한 나머지 , , , , 태그는 필수 태그로 표시된 태그들은 문서에 반드시 사용되어야 한다. 태그 html 태그는 요소를 정의하며, 문서 트리에서 루트 노드에 해당되는 루트 요소로 문서의 모든 html 요소를 포함한다 lang : 요소 내용의 자연 언어 dir : 요소 내용의 작성 방향 태그 요소에는 요소와 요소를 포함하며 다음과 같은 태그를 포함할 수 있다. : 문서의 제목 : 문서의 메타 데이터 : 링크 연결 : 스크립트 코드 : 스크립트가 지원되지 않는 브라.. 2019. 11. 27.

1. Html 기초 HTML HyperTextMarkupLanguage 은 웹에서 사용되는 하이퍼텍스트 문서 또는 페이지를 태그(Tag) 를 이용하여 작성하는 마크업 언어이다. HTML 종류 및 발전 과정 HTML 2.0 HTML 2.0 은 이전까지 사용되던 HTML을 표준화 시켰고 태그를 사용하여 문서 구조를 정의하도록 하며 제목, 문단, 목록, form을 이용하여 작성, 이미지 삽입, 하이퍼 링크 등의 기능을 포함한다 HTML 3.2 HTML 2.0에 명시된 기능 외엩 테이블, 프레임, 첨자 표현 등을 추가하였으며 나아가 자바 애플릿 을 웹 문서에 사용할 수 있는 방법을 제공하였다. HTML 4.01 최초로 CSS를 사용하여 폰트, 레이아웃등의 스타일을 지정할 수 있었고 테이블 및 프레임의 기능을 확장하였다. 뿐만 아니.. 2019. 11. 27.

이전 1 ··· 9 10 11 12 다음

티스토리툴바