# html

13611개의 포스트

HTML 복습-2 (태그)

📍 Block요소를 가진 태그 태그 사용 예시 일반적인 문단을 구성하거나 문장을 쓸 때 사용한다. 다른 태그로 적절히 사용할 수 있을 때는 그 태그를 써야지 p태그를 쓰면 안 된다. p태그는 ol태그나 ul태그를 자식으로 가질 수 없다. 문단 사이에 리스트가 필요

약 8시간 전
·
0개의 댓글
·

fwqfwqfqw

dsadas

약 10시간 전
·
0개의 댓글
·

[Bootstrap] readOnly input 포커스 제거

box-shadow: none : 포커스 그림자 제거border : 테두리 고정 (포커스 테두리 제거)

약 12시간 전
·
0개의 댓글
·
post-thumbnail

카카오 홈페이지 클론코딩 3회차 (Header, Main 영역 1, Culture)

2회차 때 뜯어본 후 이를 고려해서 세가지 영역을 완성 할 수 있었다. 이번 회차 때 가장 만족스러운 부분은 padding 과 margin 값을 더 몸에 익혔다는 것과 grid 사용 , box-shadow 를 이용해서 양각 느낌을 냈다는 점이다 키킥

약 15시간 전
·
0개의 댓글
·
post-thumbnail

구조를 나타내는 요소 - div, span, semantic tag

https://developer.mozilla.org/ko/tag를 학습할 때는 mdn 문서를 참고하는 것이 도움됨!예제도 나와있어서 이해하기 좋음.div와 span 태그의 경우, 사실 아무 의미가 없다.그냥 컨테이너 역할을 할 뿐임.\+CSS로 디자인을 입혀

약 16시간 전
·
0개의 댓글
·
post-thumbnail

텍스트 요소 (5) - a, Entity

드디어 HTML 텍스트 요소의 마지막,a 태그와 'entity'.a 태그는 닻, 'anchor'의 줄임말이다.(닻을 내려서 이동할 수 있게끔)하이퍼링크를 만드는 태그이며 사용 빈도 높음.사용법은,'href' 속성에 도착 링크(주소)를 넣은 후, a 태그의 내용에 문구를

약 16시간 전
·
0개의 댓글
·
post-thumbnail

텍스트 요소 (4)- 포매팅 : mark, sub, sup, del, ins

지난 게시물에 이어포매팅 태그에 대해 알아보겠음형광줄을 그어주는 mark 태그.맥락에서 관련이 깊거나 중요해서 표시해야 할 부분에 사용.\++ 스크린리더가 읽지 못함(당연)두 태그의 차이점. del 태그는 누가 봐도 삭제된 듯한 표현ins 태그는 추가된 내용 밑줄로

약 17시간 전
·
0개의 댓글
·
post-thumbnail

텍스트 요소 (3) - 포매팅 : b, strong, i, em

\-> 다른 태그들에 비해 텍스트에 특별한 의미를 부여하는 태그b와 strong 태그는 글자를 굵게 만들어줌으로써 결과는 동일함.b태그 보다는 strong 태그의 사용을 권장함. i와 em 태그는 글자를 기울임꼴로 표시함.em 태그는 강조를 뜻하는'emphasis'의

약 17시간 전
·
0개의 댓글
·
post-thumbnail

[멋쟁이사자처럼 11기] 자기소개 웹페이지

첫 웹 개발 과제..! 자기소개 웹페이지 만들기가 멋사 과제로 나왔다. 고등학교 때 한번 만들어봤는데.. 그때는 프론트 지식 없이 구글링만 해서 만들었었다. 이번에는 그래도 p태그, a태그, 부모/자식 상속 관계 등등을 알고 만들어서 다른 경험이었다. 수업이 8

어제
·
0개의 댓글
·

[멋쟁이사자처럼 11기] 1~2회차: HTML & CSS

1회차 HTML이 어떻게 생겼는지, 다양한 태그들에 대해 배워봤다. 클론 코딩 위주로 수업이 진행됐다. 2회차 CSS em: 부모 structure이 기준 rem: 전체 structure이 기준 → 상대적인 고정값 %: 내가 보고 있는 frame에서의 상댓값 css 다중 선택자 먼저 설정 배정 -> 이후 개별적으로 설정 class=“red box"...

어제
·
0개의 댓글
·
post-thumbnail

텍스트 요소 (2) - blockquote, q, pre, figure, abbr

이전 게시물에 이어HTML의 텍스트 요소에 대해 알아보겠음.이 두 태그는 모두 '인용'을 목적으로 사용하는 태그들이다.blockquote와 p의 차이점blockquote 태그는 사용 시 들여쓰기가 되면서 여백이 생김.\++ 텍스트가 긴 인용문에 주로 사용!'q'태그는

어제
·
0개의 댓글
·

Bootstrap / JavaScript - 상단 메뉴바, 스크롤 이동

상단에 메뉴바를 고정하고 메뉴 클릭 시 해당 페이지로 이동하는 방법 1. 내비게이션 바 https://getbootstrap.kr/docs/5.3/components/navbar/ bootstrap에서 상단 메뉴바를 가져올 수 있다. 편집해야 할 점은 각 nav-link에 href에 페이지 이름을 변경하면 된다. > 각 세션에서는 id와 class로...

어제
·
1개의 댓글
·
post-thumbnail

[HTML] iframe 알아보기

서론 >### HTML 페이지에 react 어떻게 불러올까 react 프로젝트를 외부 웹 사이트와 통합 시켜야하는 프로젝트 진행 중에 있다. react가 아닌 다른 프레임 워크로 작성된 웹사이트의 상위 HTML에 접목 시켜야하는데 어떻게 할까 리액트 공식 문서에는 이

어제
·
0개의 댓글
·
post-thumbnail

HTML 문법 (2)

'DOCTYPE html'은document(문서)의 타입이 'HTML'이라고 명시하는 것!\*tag를 공부할 때는 mdn 사이트를 활용해 보기https://developer.mozilla.org/ko/ HTML 태그는 모든 문서에 하나만 존재해야 함.최상위

어제
·
0개의 댓글
·
post-thumbnail

HTML 문법 (1)

HTML 서론 게시물에서 언급했듯이,웹 페이지를 구성하고 있는 요소 하나하나가 HTML이며,'tag(태그)'라는 것을 사용한다.어떤 요소인지 명시하는 역할을 함.ex) 태그 종류 중 하나인 'p'태그는 본문과 관련됨.이렇듯 태그만의 역할이 있다는 것.위 사진처럼 'ta

어제
·
0개의 댓글
·

HTML 복습-1 (html, 태그 표기, 기본 구조, block, inline)

📍 HTML이란 > 하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language, HTML)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다. - 위키백과 즉, 문서나 데이터의 구조를 나타내는 마크업 언어의 일종이다.

어제
·
0개의 댓글
·
post-thumbnail

카카오 홈페이지 클론코딩 2회차 (다시 처음부터 갈아엎고 살펴보기)

저번 1회차에 지피티 목을 졸라가면서 어찌 저찌 따라했으나다시 생각해보니 이미 대기업의 똑똑이들이 작성한 HTML , CSS 설정들을 굳이 무시하고내 마음대로 우당탕탕 만드는 것은배움의 의미가 없을 거 같아서 시원하게 1회차 때 했던 코드들을 싹 갈아엎었다.

어제
·
0개의 댓글
·
post-thumbnail

개발 어휘 (2) - 프로그래밍, HTML

의외로 익숙할지도 모름'프로그래밍'은 프로그래밍 언어를 사용해서 특정 목적을 달성하기 위해 설계된 알고리즘을 프로그램으로 작성하는 과정. ex) 자동차 내비게이션으로 서울역 찾기 즉, 프로그래밍은 '프로그램'을 만드는 모든 작업!\*\* 기계어 : 컴퓨터가 이해할 수

1일 전
·
0개의 댓글
·
post-thumbnail

TIL D-4(HTML end,데모 만들기 및 JavaScript)

TIL 4일차를 적어 봤습니다

1일 전
·
0개의 댓글
·