# html
HTML 복습-2 (태그)
📍 Block요소를 가진 태그 태그 사용 예시 일반적인 문단을 구성하거나 문장을 쓸 때 사용한다. 다른 태그로 적절히 사용할 수 있을 때는 그 태그를 써야지 p태그를 쓰면 안 된다. p태그는 ol태그나 ul태그를 자식으로 가질 수 없다. 문단 사이에 리스트가 필요
[Bootstrap] readOnly input 포커스 제거
box-shadow: none : 포커스 그림자 제거border : 테두리 고정 (포커스 테두리 제거)
카카오 홈페이지 클론코딩 3회차 (Header, Main 영역 1, Culture)
2회차 때 뜯어본 후 이를 고려해서 세가지 영역을 완성 할 수 있었다. 이번 회차 때 가장 만족스러운 부분은 padding 과 margin 값을 더 몸에 익혔다는 것과 grid 사용 , box-shadow 를 이용해서 양각 느낌을 냈다는 점이다 키킥
구조를 나타내는 요소 - div, span, semantic tag
https://developer.mozilla.org/ko/tag를 학습할 때는 mdn 문서를 참고하는 것이 도움됨!예제도 나와있어서 이해하기 좋음.div와 span 태그의 경우, 사실 아무 의미가 없다.그냥 컨테이너 역할을 할 뿐임.\+CSS로 디자인을 입혀
텍스트 요소 (5) - a, Entity
드디어 HTML 텍스트 요소의 마지막,a 태그와 'entity'.a 태그는 닻, 'anchor'의 줄임말이다.(닻을 내려서 이동할 수 있게끔)하이퍼링크를 만드는 태그이며 사용 빈도 높음.사용법은,'href' 속성에 도착 링크(주소)를 넣은 후, a 태그의 내용에 문구를
텍스트 요소 (4)- 포매팅 : mark, sub, sup, del, ins
지난 게시물에 이어포매팅 태그에 대해 알아보겠음형광줄을 그어주는 mark 태그.맥락에서 관련이 깊거나 중요해서 표시해야 할 부분에 사용.\++ 스크린리더가 읽지 못함(당연)두 태그의 차이점. del 태그는 누가 봐도 삭제된 듯한 표현ins 태그는 추가된 내용 밑줄로
텍스트 요소 (3) - 포매팅 : b, strong, i, em
\-> 다른 태그들에 비해 텍스트에 특별한 의미를 부여하는 태그b와 strong 태그는 글자를 굵게 만들어줌으로써 결과는 동일함.b태그 보다는 strong 태그의 사용을 권장함. i와 em 태그는 글자를 기울임꼴로 표시함.em 태그는 강조를 뜻하는'emphasis'의
[멋쟁이사자처럼 11기] 자기소개 웹페이지
첫 웹 개발 과제..! 자기소개 웹페이지 만들기가 멋사 과제로 나왔다. 고등학교 때 한번 만들어봤는데.. 그때는 프론트 지식 없이 구글링만 해서 만들었었다. 이번에는 그래도 p태그, a태그, 부모/자식 상속 관계 등등을 알고 만들어서 다른 경험이었다. 수업이 8
[멋쟁이사자처럼 11기] 1~2회차: HTML & CSS
1회차 HTML이 어떻게 생겼는지, 다양한 태그들에 대해 배워봤다. 클론 코딩 위주로 수업이 진행됐다. 2회차 CSS em: 부모 structure이 기준 rem: 전체 structure이 기준 → 상대적인 고정값 %: 내가 보고 있는 frame에서의 상댓값 css 다중 선택자 먼저 설정 배정 -> 이후 개별적으로 설정 class=“red box"...
텍스트 요소 (2) - blockquote, q, pre, figure, abbr
이전 게시물에 이어HTML의 텍스트 요소에 대해 알아보겠음.이 두 태그는 모두 '인용'을 목적으로 사용하는 태그들이다.blockquote와 p의 차이점blockquote 태그는 사용 시 들여쓰기가 되면서 여백이 생김.\++ 텍스트가 긴 인용문에 주로 사용!'q'태그는
Bootstrap / JavaScript - 상단 메뉴바, 스크롤 이동
상단에 메뉴바를 고정하고 메뉴 클릭 시 해당 페이지로 이동하는 방법 1. 내비게이션 바 https://getbootstrap.kr/docs/5.3/components/navbar/ bootstrap에서 상단 메뉴바를 가져올 수 있다. 편집해야 할 점은 각 nav-link에 href에 페이지 이름을 변경하면 된다. > 각 세션에서는 id와 class로...
[HTML] iframe 알아보기
서론 >### HTML 페이지에 react 어떻게 불러올까 react 프로젝트를 외부 웹 사이트와 통합 시켜야하는 프로젝트 진행 중에 있다. react가 아닌 다른 프레임 워크로 작성된 웹사이트의 상위 HTML에 접목 시켜야하는데 어떻게 할까 리액트 공식 문서에는 이
HTML 문법 (2)
'DOCTYPE html'은document(문서)의 타입이 'HTML'이라고 명시하는 것!\*tag를 공부할 때는 mdn 사이트를 활용해 보기https://developer.mozilla.org/ko/ HTML 태그는 모든 문서에 하나만 존재해야 함.최상위
HTML 문법 (1)
HTML 서론 게시물에서 언급했듯이,웹 페이지를 구성하고 있는 요소 하나하나가 HTML이며,'tag(태그)'라는 것을 사용한다.어떤 요소인지 명시하는 역할을 함.ex) 태그 종류 중 하나인 'p'태그는 본문과 관련됨.이렇듯 태그만의 역할이 있다는 것.위 사진처럼 'ta
HTML 복습-1 (html, 태그 표기, 기본 구조, block, inline)
📍 HTML이란 > 하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language, HTML)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다. - 위키백과 즉, 문서나 데이터의 구조를 나타내는 마크업 언어의 일종이다.
카카오 홈페이지 클론코딩 2회차 (다시 처음부터 갈아엎고 살펴보기)
저번 1회차에 지피티 목을 졸라가면서 어찌 저찌 따라했으나다시 생각해보니 이미 대기업의 똑똑이들이 작성한 HTML , CSS 설정들을 굳이 무시하고내 마음대로 우당탕탕 만드는 것은배움의 의미가 없을 거 같아서 시원하게 1회차 때 했던 코드들을 싹 갈아엎었다.
개발 어휘 (2) - 프로그래밍, HTML
의외로 익숙할지도 모름'프로그래밍'은 프로그래밍 언어를 사용해서 특정 목적을 달성하기 위해 설계된 알고리즘을 프로그램으로 작성하는 과정. ex) 자동차 내비게이션으로 서울역 찾기 즉, 프로그래밍은 '프로그램'을 만드는 모든 작업!\*\* 기계어 : 컴퓨터가 이해할 수
