HTML11

• 

  웹디자이너 자격증 취득 및 취업, 연봉 웹디자인은 현대 사회에서 필수적인 기술로 자리 잡았습니다. 다양한 디지털 콘텐츠가 생겨남에 따라 웹디자이너의 중요성은 날로 커지고 있으며, 이와 더불어 자격증의 수요도 증가하고 있습니다. 웹디자이너 자격증은 직업의 전문성을 증명하며, 취업 시장에서 경쟁력을 갖추기 위한 중요한 요소로 평가받고 있습니다. 이 글에서는 웹디자이너 자격증과 관련된 여러 가지 정보를 상세히 설명하고자 합니다.웹디자이너 자격증 소개학과소개웹디자인 관련 학과웹디자이너 자격증을 취득하려면 관련 학과에서의 학습이 도움이 될 수 있습니다. 대표적으로 웹디자인, 그래픽 디자인, 컴퓨터 공학 등이 웹디자이너로서의 기초적인 소양을 쌓을 수 있는 학과입니다.웹디자인 학과는 디자인 원리와 사용자 경험(UX) 디자인, 인터페이스(UI) 디자인 등의.. 팁/자격증 2024. 9. 14.

• 

  Certified Web Professional 자격증 취득 방법 - Web Developer (CWP) 디지털 전환이 가속화됨에 따라 웹 개발자에 대한 수요는 계속해서 증가하고 있으며, 전문적인 인증을 통해 실력을 증명하는 것은 경력 발전에 큰 도움이 됩니다. 이에 따라 Certified Web Professional (CWP) - Web Developer 인증에 대해 알아보도록 하겠습니다.  학과소개 웹 개발자란?웹 개발자의 역할웹 개발자는 웹사이트나 웹 애플리케이션을 설계, 개발, 유지보수하는 역할을 합니다. 이들은 클라이언트와 서버 사이의 상호작용을 구현하며, 데이터베이스와의 연동 작업도 수행합니다.프론트엔드 개발자는 사용자가 직접 상호작용하는 부분을 개발합니다. 이들은 HTML, CSS, JavaScript 등을 사용하여 웹사이트의 외관과 사용자 경험을 설계합니다.백엔드 개발자는 서버 측 논리, 데.. 팁/IT 팁 2024. 5. 27.

• 

  Certified Web Developer (CWD) - 웹 개발 자격증 취득 방법 Certified Web Developer (CWD) 자격증은 그 유용성과 명성으로 인해 주목받고 있습니다. 이 블로그 포스트는 CWD에 대한 전반적인 이해를 돕기 위해 작성되었습니다.  Certified Web Developer (CWD) 학과소개학과 개요Certified Web Developer (CWD) 프로그램은 웹 개발 분야에서 고급 지식과 기술을 습득하기 위해 설계된 학과입니다.이 학과는 최신 웹 기술과 도구를 다루며, 실무 중심의 교육을 통해 학생들이 현업에 바로 투입될 수 있도록 합니다.HTML, CSS, JavaScript, 프론트엔드 및 백엔드 프레임워크 등 다양한 웹 기술을 포괄적으로 배우게 됩니다.실습 프로젝트를 통해 이론적인 지식을 실제로 적용할 수 있는 기회를 제공합니다.업계 전.. 팁/일상 팁 2024. 5. 27.

• 

  HTML, CSS 및 JavaScript를 사용하여 웹 아날로그 시계를 만드는 방법 HTML, CSS 및 JavaScript를 사용하여 웹 아날로그 시계를 만드는 방법 bing GPT로 생성한 AI코딩 아래는 HTML, CSS 및 JavaScript를 사용하여 아날로그 시계를 만드는 방법입니다. bing GPT로 질문하여 얻은 대답으로 만든 웹 아날로그 시계입니다. HTML, CSS 및 JAVASCRIP를 사용하여 만들어 달라고 했습니다. 위의 코드는 HTML, CSS 및 JavaScript를 사용하여 아날로그 시계를 만드는 방법을 보여줍니다. 이 코드를 사용하여 웹 페이지에 아날로그 시계를 추가할 수 있습니다. 시계의 크기와 색상을 변경하려면 CSS를 수정하십시오. 시계의 시, 분 및 초를 조정하려면 JavaScript를 수정하십시오. 아래는 웹 코딩으로 작업된 아날로그 시계 적용 시.. 프로그래밍/자바스크립트 2023. 11. 24.

• 

  [HTML] 이미지 태그 - <img></img> 이미지 태그 HTML에 사진(이미지)를 삽입할 수 있다. 이미지를 웹에 있는 이미지 또는 서버에 있는 이미지를 불러와 내가 원하는 곳에 삽입할 수 있다. 태그 속성 src : 이미지의 URL 또는 파일 경로를 입력한다. alt : 이미지의 설명을 설정한다. height : 이미지의 세로 높이를 설정한다. width : 이미지의 가로 너비를 설정한다. align : 이미지의 정렬 또는 이미지 기준으로 텍스트 정렬을 설정한다. - (left, right, top, middle, bottom) border : 이미지 테두리 두께를 설정한다. hspace : 이미지의 좌우 여백을 설정한다. vspace : 이미지의 상하 여백을 설정한다. title : 이미지의 말풍선을 설정한다. 기본 이미지 삽입. src="h.. 프로그래밍/HTML 2017. 9. 6.

• 

  [HTML] 목록 태그 - <ol><ul><dl> 목록 태그 순서대로 또는 순서 없이 리스트 목록을 만들 때 사용하는 태그이다. 태그 태그 태그 태그 ol 은 Ordered List 의 약자이다. 순서대로 리스트 목록으로 만들 때 사용한다. 각 하위 목록은 태그로 감싼다. type (= A, a, i, I, 1) 속성과, start(= 시작할 숫자) 속성으로 여러가지 순서 표기와 순서를 지정할 수 잇다. - 속성값 type="1" start="1" 첫번째 리스트 두번째 리스트 세번째 리스트 - 속성값 type="a" start="1" 첫번째 리스트 두번째 리스트 세번째 리스트 - 속성값 type="A" start="1" 첫번째 리스트 두번째 리스트 세번째 리스트 - 속성갑 - type="i" start="1" 첫번째 리스트 두번째 리스트 세번째 리스트 .. 프로그래밍/HTML 2017. 9. 5.

• 

  [HTML] 문단/문장에 사용되는 태그들 문단/문장에 사용되는 태그들 HTML태그로 문장의 중요 글자를 굵게, 또는 이텔릭체 글꼴로, 또 어떤 때는 밑줄 등의 표시 등을 해야 할 때가 있다. 그런 여러가지 태그 사용법에 대해 알아본다. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 태그 를 사용한 태그 - 텍스트가 굵게 표시된다. 를 사용한 태그 - 텍스트가 굵게 표시된다. 태그 를 사용한 태그 - 텍스트가 굵게 표시된다. 를 사용한 태그 - 텍스트가 굵게 표시된다. 태그 를 사용한 태그 - 이텔릭체로 표시된다. 를 사용한 태그 - 이텔릭체로 표시된다. 태그 를 사용한 태그 - 이텔릭체로 표시된다. 를 사용한 태그 - 이텔릭체로 표시된다. 태그 를 사용한 태그 - 글에 밑줄이 표시된다. 를 사용한 태그 - 글에 밑줄이 표.. 프로그래밍/HTML 2017. 9. 4.

• 

  [HTML] marquee와 그 속성 - <marquee></marquee> 태그 html 태그 공부 중 가장 관심 많은 태그가 아닌가 생각된다. 간단한 작업으로도 눈에 확 띄는 태그라서 그런가 싶다. 태그는 많이 보았다싶이 텍스트를 좌우상하로 움직이는 태그이다. 그러면 좀 더 자세한 사용법을 알아본다. (여기서 텍스트의 이동을 스크롤이라고 표현하겠다.) 1. width 2. height 3. scrolldelay 4. scrollmount 5. bgcolor 6. behavior 7. direction 8. loop width : 스크롤 영역의 가로 넓이를 설정한다. (단위 : px) marqee width="100px" 입니다. marqee width="100px" 입니다. marqee width="200px" 입니다. marqee width="200px" 입니다. marqe.. 프로그래밍/HTML 2017. 9. 3.

• 

  [HTML] font 태그 속성 - <font></font> 태그 태그는 글자(텍스트)의 글꼴, 글자색, 글자 크기를 지정할 수 있다. HTML5 에서는 태그가 지원하지 않는다고 한다. 하지만 아직 까지는 많이 사용하고 있으므로 알고 있어야 한다. 속성 face : 글꼴을 입력한다. - 굴림체, 궁서체, 돋움체, 바탕체 중에서 선택할 수 있다. color : 글자색을 입력한다. - "#000000 ~ #FFFFFF" 처럼 (16진수 값 6자리) 으로 색을 선택할 수 있다. size : 글자 크기를 입력한다. - 기본값은 3이고, 1~7 까지의 크기를 선택할 수 있다. 아래는 샘플 소스이다. font 태그 속성 적용없는 글 입니다. font 태그 속성중 'face' 속성에 '바탕체'를 입력한 글 입니다. font 태그 속성중 'color'에 'green'을 입력한 .. 프로그래밍/HTML 2017. 9. 2.

• 

  [HTML] 문단 태그 -<br><p><hr><h> 문단 태그 HTML 태그중에 개행 혹은 문단 개행을 할 때 쓰이는 태그에 대해 알아본다. : 개행(줄바꿈) 사용된다. 시작태그/끝태그 로 이루어지지 않아 또는 로 사용한다. 속성은 없다. : 문단을 나눌때 사용된다. 문단을 정렬할 때 자주 사용된다. 속성 align : 문단 정렬 속성 - left, right, center 값이 있다. 속정 미입력시 기본으로 left속성값을 가진다. : 문단과 문단을 나눌 때 수평선을 그려준다. 속성 width : 수평선의 길이(px이나 %)을 정한다. align : 정렬방식(left, right, center)를 정한다. color : 수평선의 색상값을 정한다. size : 수평선의 굵기(px)를 정한다. : 해드라인 같은 제목을 표시할 때 많이 사용된다. 1~6까지 .. 프로그래밍/HTML 2017. 9. 1.

• 

  [HTML] <body></body>태그 속성에 대해 알아본다. HTML 태그 사용법 HTML 태그는 기본적으로 크게 태그와 태그로 나누어져 있다. 그 중에 태그가 본문 내용으로 쓰이는 부분이다. 이 태그의 속성에 대해 알아본다. 태그에 속성을 추가하는 방법은 아래와 같다. 본문 내용.. 태그 속성 background : 배경이미지를 출력한다. 배경이미지의 파일 경로나 URL경로값을 입력한다. bgcolor : 배경색을 출력한다. 색상값을 입력한다. link : 링크가 있는 텍스트의 클릭을 하기 전 색상값을 입력한다. vlink : 이미 방문을 한적이 있는 링크의 텍스트 색상값을 입력한다. alink : 링크가 있는 텍스트를 클릭하는 순간의 색상값을 입력한다. text : 글의 색상값을 입력한다. 색상값을 입력할 때에는 "#000000 ~ #FFFFFF" 까지의 형태.. 프로그래밍/HTML 2017. 8. 31.