HTML입문

페이지 정보

profile_image
작성자잡스 조회 5회 작성일 2022-07-01 06:26:43 댓글 0

본문

[웹개발 입문] HTML 핵심만 배우기

웹 프론트엔드 개발에는 HTML, CSS, Javascript가 쓰입니다.

그 중 웹 페이지의 가장 기본이라고 볼 수 있는 HTML에 대한 강의를 진행해보겠습니다.

코딩을 하나도 모르는 왕초보라면 HTML 시작하시면 됩니다.



#HTML
아케이코딩 - 쉽게 배우는 코딩과 IT : 크롬을 사용하지 않는 분들은 태그 내에 태그를 넣어야 한글이 제대로 출력됩니다. 이 부분은 느낌표 + Tab을 하였을 때 나오는 안의 태그들에 포함되어 있으니, 기본 템플릿 태그들을 그대로 내버려두고 작업을 하시는 것을 추천드릴게요.
장헌달 : 진짜 최고의 영상입니다.
잡설없이 빠르게 내용 진행되는게 너무 깔끔함.
JS 공부하기 전에 html 이 영상만 딱 보면 됨
Buck Lackbeard : 정리 스타일이 깔끔하고 좋네요! 나중에 CSS랑 자바스크립트도 해주세요!
쑤라임 : 와 ㅠㅠㅠ 진짜 너무 ㅠ쉬워요 선생님,,, 제가 한달 반 동안 배운 내용을 동영상 하나로,,, 최고에요 ㅠㅠㅠ 감사합니다,.,
읭읭 : HTML이 쉬운건지 아니면 아케이님이 잘 설명하는건지 해깔릴 정도로 HTML도 쉽고 설명도 좋네요

한시간만에 끝내는 HTML+CSS 입문

[개발자의 품격] 품격있는 개발자 되기!
여러분이 HTML, CSS에 대한 이해를 돕기 위한 강좌입니다.
HTML은 구조를 가지고 있고,
HTML Element로 이루어져 있어요.
그리고 Element의 속성을 관리하기 위해 Attribute를 쓰고요.
Element의 디자인을 입히기 위해서 CSS, 즉 Style을 적용하게 되어 있어요.
이렇게 하면 여러분들이 매일 이용하는 웹사이트가 되는 거예요.
HTML에 대한 기본개념과 CSS선택자를 이용해서 CSS를 적용하는 방법에 대해서 알려드려요.

#웹 #HTML #CSS
Hyun : 설명 쵝오!!!! 학교강의가 이해도 어렵고 지루해서 헤매다가 오아시스 발견! 감사합니다~~~^^
nana lee : 왜 이분 구독자 수가 이거밖에 안되죠,,?ㅠ 외 않봐요,,?ㅠ 개발자의 품격님 덕분에 제 개발 품격이 0.0001정도 올라간것 같아요 정말 감사합니다.... 열심히 홍보하고 다닐게요 ㅠㅠㅠㅠㅠ 태어나서 처음으로 강의 영상에 댓글 달아봐요.. 정말 깔끔하게 필요한 것만 설명해주시네요.. 품격이 느껴집니다..
씨씨 : 굉장히 핵심 정확히 이해쉽게 설명하시네요 구독하고 갑니다
서버개발바 입장서 한번쯤은 배운걸 굉장히 짧은시간안에 상기시켜 학습시간을 단축하며 실제 유용한 기능만 설명을 아주 잘하십니다. 추후 수만명 구독 예상해봅니다
승원 : 계속 돌려보면서 따라하니까 뭔가 성과가 바로 나는 거 같아서 재미있게 배울 수 있네요!
30:00
정현 : 차근차근 가르쳐주셔서 너무 좋았어요. 감사합니다. 많이 배우고 갑니다.

HTML 한번에 끝내기 HTML Full Tutorial

웹 프로그래밍 Web Programming
HTML 개념과 구조부터 각종 태그 사용 배우기
웹 페이지 뼈대 만들기
HTML 그대로 따라하며 배우기

Lecture Note: https://suanlab.notion.site/HTML-256b041d35654311849f1c348e19219d

이수안 컴퓨터 연구소 (SuanLab)
www.suanlab.com
I Love Pornhub : repl.it에 들어가서 설치없이 html 할수있어요 ㅎㅎ
지율 : 이렇게 좋은 채널을 이제야 알다니ㅠㅠ 감사합니다!
한승주 : 강의 감사합니다!
한가지 궁금한 점이 있는데
head와 body를 입력하지 않아도 표시되는 것엔 변함이 없는데
프로그램상 구분하기 위해서 입력하는 용도인가요?
박중희 : 따라하면서 배우는 재미가 있습니다. 왠지모르게 어려웠는데, 설명을 따라서 보면서 정지했다가 따라했다가 해보니.. 실제로 기억도 잘나고 이해도 잘되어서 감사한 마음이 듭니다.
AToD : 3:28 html의 구성
17:28 html의 텍스트 태그
34:35 앵커(주소연결, 링크) 태그
39:22 리스트 태그
45:23 테이블 태그 (48:50 시간표 예제)
53:00 이미지 태그
56:35 오디오 태그
59:35 비디오 태그
1:04:50 공간분할 div, span 태그
1:06:37 공간분할 iframe 태그
1:11:12 입력 및 전송 용 form 태그 (input, select(드롭다운), textarea(입력용 공간), button)
1:25:20 입력 및 전송 용 form 태그 (fieldset(입력 칸), datalist(자동완성), output)
1:32:41 form의 input 형식 설정
1:47:52 클래스, 아이디
1:49:44 시멘틱(웹 내 정의를 위한) 요소

... 

#HTML입문

댓글목록

등록된 댓글이 없습니다.

전체 16,339건 4 페이지
게시물 검색
Copyright © www.wsi.or.kr. All rights reserved.  연락처 : help@ggemtv.com