[HTML 기초 08]HTML 오디오,비디오 태그

[웹프로그래밍 기초강좌 - HTML 08] HTML 오디오태그, 비디오태그​ (HTML기초강좌 8강) ① 오디오 태그 (audio) - HTML5에서는 audio태그를 이용하여 웹 페이지에 오디오를 삽입하는 표준화된 방식을 제공합니다. - HTML5 표준이 공식적으로 지원하는 오디오 파일 형식은 MP3, WAV, OGG뿐입니다. 태그 설명 audio 오디오를 생성하는 태그입니다. 속성 설명 src 음성파일의 경로를 지정합니다. preload 사용자가 사용할 생각이 없더라도 음성파일을 미리 다운로드합니다. autoplay 음성파일 자동재생여부를 지정합니다. loop 음성파일을 반복할지를 지정합니다. control 음성파일 재생도구를 출력할지를 지정합니다. volume 음성파일 재생 볼륨을 설정합니다(0.0..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 10. 5.
• textsms

[HTML 기초 07]HTML 이미지태그 <img>

[웹프로그래밍 기초강좌 - HTML 07] HTML 이미지태그​ (HTML기초강좌 7강) ① HTML 이미지태그 - 태그는 웹페이지에 이미지를 삽입할때 사용됩니다. - 태그는 닫는태그가 없는 태그입니다. - 태그는 두개의 필수 속성이 있습니다. ② 태그 필수 속성 src, alt 속성 설명 src 삽입할 이미지의 경로를 지정합니다. alt 이미지의 설명을 작성합니다. -필수 alt속성은 사용자가 어떤 이유로 이미지를 볼 수 없는 경우(느린 연결, src 속성의 오류 또는 사용자가 화면 판독기를 사용하는 경우) 이미지에 대한 대체 텍스트를 제공합니다. ③ 절대경로, 상대경로 경로 설명 절대경로 현재위치와 관계없이 고유한 경로(주소)를 말합니다. 상대경로 현재위치를 기준으로 작성한 경로를 말합니다. 1) 절..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 10. 3.
• textsms

[HTML 기초 06]HTML 테이블태그 (table)

[웹프로그래밍 기초강좌 - HTML 06] HTML 테이블태그 ( table )​ (HTML기초강좌 6강) ① 기본 테이블 구조 (table/tr/td) - 테이블을 사용함으로 웹개발자가 데이터를 열과행으로 정렬하여 표현할 수 있습니다. - 테두리를 설정해주지 않으면, 기본으로 빈 테두리로 테이블이 생성됩니다. (* 참고: css border으로 지정) - 모든 테이블 행에는 셀의 수가 동일해야합니다. (셀을 합쳐야할경우, 아래 배우게 될 colspan,rowspan속성을 이용합니다.) 태그 설명 테이블을 만드는 태그입니다. 테이블 내부의 행 태그입니다. 행 내부의 일반 셀 테그입니다. 행 내부의 제목 셀 태그입니다. 테이블 제목 또는 간단한 설명을 작성하는 태그입니다. 테이블 만들기 음식 한식 양식 중..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 10. 1.
• textsms

[HTML 기초 05]HTML 목록태그 (ul,ol,dl)

[웹프로그래밍 기초강좌 - HTML 05] HTML 목록태그​ (HTML기초강좌 5강) ① 태그 - 순서가 없는 목록 - 태그는 unordered list의 약자로, 순서가 필요없는 목록을 만들때 사용됩니다. - 태그 내부에 요소 (list item)을 사용하여 각 항목을 표시합니다. - 대부분의 브라우저에서 ul태그의 리스트에는 원과 같은 불릿(bullet)으로 표시됩니다. 떡볶이 피자 타코 치킨 라면 ② 태그 - 순서가 있는 목록 - 태그는 순서가 있는 목록을 만들기 위해서 사용됩니다. - 과 동일하게 내부에 로 리스트를 작성합니다. - 대부분의 브라우저에서 리스트를 숫자(기본값)로 표현되며, 속성을 지정하여 변경이 가능합니다. - 리스트에는 type,start,reserved와 같은 속성을 사용할 ..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 9. 30.
• textsms

[HTML 기초 04]HTML 글자태그(텍스트 태그)

[웹프로그래밍 기초강좌 - HTML 04] HTML 글자관련 태그 알아보기​ (HTML 텍스트테그) ① 제목 글자 태그, 본문 글자 태그 (1) 제목 태그 (h1~h6) - HTML 제목은 h1부터 h6 태그로 정의됩니다. - 는 주요 표제 (가장중요)에 사용되야하며, 그다음에 ..... 까지 순서대로 사용되어야합니다. - 검색엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인합니다. * 브라우저는 제목 앞뒤에 일부공백을 자동추가 합니다. * 제목태그는 HTML 제목에만 사용해야합니다. 텍스트를 굴게 만들거나 크게 만들기 위해 사용하면 안됩니다. - 각 HTML 제목 태그에는 기본 크기가 있습니다. ( 추후 CSS로 변경은 가능 ) ​ 제목태그 설명 가장 큰 글자태그 두번째로 큰 제목 글자 태그 세번..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 9. 29.
• textsms

[HTML 기초 03]HTML 기본용어, 기본구조, 웹표준이란?

[웹프로그래밍 기초강좌 - HTML 03] HTML 기본 용어 , 기본구조 그리고 웹표준이란?​ (HTML기초강좌 3강) ① 요소(element), 태그(tag) 란? Start Tag Element content End Tag Hello World! HTML 기초강좌 none none - HTML 요소는 시작태그부터 종료태그까지의 모든 것입니다. - 태그는 꺽쇠 괄호로 표기합니다. - HTML 태그는 대부분 시작태그 / 종료태그가 있지만, 일부 태그들은 빈요소로 종료태그없이 사용될 수 있습니다. ( , 등) ② 속성 (Attribute) - 모든 HTML 요소는 속성을 가질 수 있습니다. - 속성은 요소에 대한 정보를 제공합니다. - 속성은 항상 시작태그에 지정합니다. - 속성은 대부분 name="va..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 9. 29.
• textsms

[HTML 기초 02]실습환경 만들기/아톰(ATOM)에디터+추천플러그인

[웹프로그래밍 기초강좌 - HTML 02] HTML 실습환경 만들기 + 아톰에디터(추천플러그인)​ (아톰에디터 설치 및 추천 플러그인) HTML을 공부하려면 기본적으로 실습환경을 만들어 놓아야합니다. 기본적으로 운영체제에 에디터가 있어 HTML코드를 작성할 수는 있지만 좀더 편리하고 좀더 빠르게 코드를 작성하기 위해 편리한 에디터를 설치하고자합니다. 많은 사람들이 GITHUB의 아톰 또는 ADOBE의 brackets , Visual Studio Code 등을 사용하는데요. 우리는 아톰에디터로 실습을 하려고합니다. 원래는 실시간 미리보기의 편리함때문에 brackets를 사용하였는데, 무엇때문인지...요새 오류가 정말 많더라구요 ... ① 아톰(ATOM)에디터 설치하기 1) 아톰에디터 설치 바로가기 ☞ ht..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 9. 28.
• textsms

[HTML 기초 01]웹 프로그래밍 기초 -코딩, html이란?

[웹프로그래밍 기초강좌 - HTML 01] 코딩 그리고 HTML이란?​ HTML (Hypertext Markup Language) 코딩교육이 필수가 된지 벌써 몇년이나 지났네요 우리나라에서는 2018년부터 전국 초중고교에서 소프트웨어교육(코딩교육)이 의무화되었습니다. ​ ​ 그렇다면 코딩은 도대체 뭔가요? ​ ① 코딩이란? 프로그래밍과 같은 뜻으로 쓰이고 있습니다. 구체적으로, 코딩은 C언어,자바,파이썬,html,css등 프로그래밍 언어를 입력하는 과정이고,​ 프로그래밍은 프로그래밍언어를 통해 프로그램을 만드는 일을 뜻합니다. ​ 코딩이 중요한 이유는 인공지능, 사물인터넷, 지능형 로봇, 빅 데이터 분석 및 활용 등 4차 산업혁명시대를 대변하는 모든 것이 ICT(정보통신기술)을 바탕으로 한 소프트웨어를 ..

• format_list_bulleted IT & 프로그래밍/HTML
• · 2021. 9. 28.
• textsms