# h1

19개의 포스트

HTML 이해하기

HTML 기초 THE ADVENTURES OF THE SHERLOCK HOLMES by SIR ARTHUR CONAN DOYLE 참고 Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Reference https://devdocs.io/html/element/heading_elements

2023년 4월 7일
·
0개의 댓글
·
post-thumbnail

Behind the Lucky-Market

Lucky-Market 2023.03.31 > 나만의 중고마켓 만들기 (chat-GPT / VS코드) 'chat-GPT'에게 어떻게 명령을 내리고, 'chat-GPT'가 써준 코드를 어디에다가 어떻게 가져다 써야 되는지 알아보기 먼저 vs코드에 새폴더와 index.html 파일을 만든다. 미리 chat-GPT 사이트에 가입한다. (https://chat.openai.com/chat) chat-GPT는 같은 의미의 명령이라도 말이 달라지면, 다른 코드를 제시할 수 있다. 이곳에 올린 코드들과 명령들은 예시로 올린

2023년 4월 1일
·
0개의 댓글
·
post-thumbnail

Lucky-Market

[Lucky-Market] (https://developerpyk.github.io/Lucky-Market/) // Description This was made by using chat-GPT to practice coding and experience chat-GPT. So, this site is unavailable and the products are not for sale. // https://velog.io/@developerpyk/Behind-the-Lucky-Market // If you want to know the codes I used, visit https://github.com/developerpyk/Lucky-Market

2023년 4월 1일
·
0개의 댓글
·

[ex-1] 03/15 자바스크립트 수업 (복습)

h1태그는 제목에다가 사용한다. 잘 기억해두자. h태그는 1에서 6까지 있고, 갈수록 작아진다. p태그는 내용의 본문에 주로 사용하는 태그. ** : 링크를 연결해주는 태그 (href=""는 속성) ul : li태그를 감싸주는 태그 li : 리스트 작성 태그 ol : 순서가 있는 태그

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

HTML - 요소(텍스트)

텍스트 관련 요소 요소는 여러 종류가 있어요! 이번 포스팅에서는 텍스트에 관련된 요소들이 각각 무슨 역할을 하는지 공부해보도록 하겠습니다. 요소 사용 시 주의할 것! 텍스트 서식에 사용되는 요소들은 대부분 텍스트 효과를 가지고 있습니다. 글자 크기가 커지기도 하고, 기울여지기도 하며, 두꺼워지기도 하죠.🤔 그렇다보니 단순히 이 스타일을 적용하기 위해 해당 요소들을 사용하는 경우가 많습니다. ⚠️ 하지만 이 요소들은 각각의 용도를 가지고 있기 때문에 용도에 맞게 사용하고, 스타일은 CSS를 통해 적용해야 합니다. h1 `hea

2023년 3월 9일
·
0개의 댓글
·

Next.js를 쓰려고 했는데 html태그(div, h1, 등등)이 자동완성이 안된다!?!?

야심차게 next.js를 공부해보려고 했지만 첫 벽부터 난관이었다. 을 실행하자마자 index.js로 달려갔지만, 아뿔싸 div태그가 입력이 안 되는 것이다?!?! 전에도 react를 처음 실행할 때 이런 문제가 있었던 것으로 기억해서, 메모리를 더듬어 방법을 찾아냈다. 방법은 다음과 같다. vscode를 열어서 F1을 누른다. json이라고 검색을 하면Open User Setting(JSON)이 있다. 들어가서 다음과 같이 입력한다! div 태그를 쓸 수 있다!!! 다들 헤매지 말고 공부 시작하세용

2023년 3월 7일
·
0개의 댓글
·

HTML 기본 태그 (제목 요소)

📒HTML5 기본 태그 - 제목 요소 📌 `` 태그 `` 태그는 heading 의 약자로 제목이나 부제목을 표현한다. Example) 입력 => Hello World Hello World Hello World . . Hello World `` 태그는 뒤에 오는 숫자가 클 수록 폰트의 사이즈가 작아진다. 즉, 숫자는 정보의 중요도를 나타낸다. `` 태그는 문서에서 가장 중요한 정보를 담으므로, 하나의 html 문서에 한 번만 사용된다.

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

5분 만에 만드는 자기소개 페이지[HTML/CSS 1]

5분 만에 만드는 자기소개 페이지 자기소개 페이지 만드는 방법 vscode에서 intro.html 파일을 만든 후, !키와 Enter키를 눌러 html 기본 양식을 만들어 줍니다. body 태그 안에 h2 태그를 만들어주고, h2 태그 안에 제목을 써줍니다. 실행해보면 이렇게 제목이 잘 나와있는 것을 확인할 수 있습니다! h2 태그 밑에 img 태그를 만들어주고, src 속성으로 사진 주소를 입력합니다. 사진 주소와 HTML 파일이 같은 디렉토리 안

2023년 2월 14일
·
1개의 댓글
·
post-thumbnail

생활코딩 <CSS> 2 : 글자 색깔 변경하기, font태그, 폰트 태그 사용해보기, 글자 컬러 바꾸는 (옛날)태그 font에 대해

WEB2 CSS - 2. CSS가 등장하기 전의 상황 웹을 만든 사람들은 웹을 아름답게 만들 수 있는 방법이 뭐가 있는지 고민하기 시작한다. HTML 이라는 이미 있는 언어의 디자인과 관련된 새로운 태그를 추가하는 것과 디자인에 최적화된 완전히 새로운 언어를 만드는 것 중 어떤 것이 더 쉬울까? HTML의 디자인에 대한 새로

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

html 핵심 정리

핵심 요소 정리 1. div 태그 Division의 약어로 블록요소에 해당. 특별한 의미가 없는 구분을 위한 요소이다. 굉장히 많이 사용되고 있음. 2. h1 태그 Heading의 약어. 블록요소에 해당 제목을 의미하는 요소이다. h1~h6까지 있으며 숫자가 작을수록 더 중요한 제목을 정의함. 3. p 태그 Paragraph의 약어. 블록요소에 해당 문장을 의미하는 요소이다. 4. img 태그 Image의 약어. 인라인요소에 해당 이미지를 삽입하는 요소이다. 5. ul 태그, li 태그 Unordered List 와 List Item 의 약어. 둘 다 블록요소에 해당 ul태그는 순서가 필요하지 않은 목록의 집합을 의미하며 li태그는 목록 내 각 항목을 의미한다. 목록 안 각 항목 내용이 객관적인

2022년 10월 7일
·
0개의 댓글
·

마크다운 사용법

h1 h2 h3 엔터 한번 시작 엔터 한번끝 (마크다운에서 엔터가 1번만 먹히기 때문에 을 통해 엔터 진행) 강조를 해보자. 기울여* 보자. > 인용문 >> 안쪽에 추가로 인용 > ## 여러줄 인용구 > > - 목록생성 > * 목록생성(리스트 = ul) > > 절대 후회하지 마라. 좋았다면 멋진 첫번째(ol 생성) 두번째 세번째 🙄(윈도우 + .) Use code in your Markdown file. 수평선 슬기로운 통계생활 슬기로운 통계생활 참조하는 url이 너무 길어서 따로 빼고 싶을때 이렇게 하면 됨. [1]: "세상 핫플" ![](https://velog

2022년 9월 20일
·
0개의 댓글
·
post-thumbnail

애플은 왜 <h1/>을 숨겼을까?

궁금하게 된 계기 애플 웹사이트 클론코딩을 위해 애플 홈을 보는데 h1 태그가 숨겨져 있는 걸 발견했다. apple-h1-hidden 웹사이트를 만들다 보면 페이지 이름을 안적는 경우도 많으니 안 보이게 해놓는건 이해를 했는데, 굳이 보이지도 않는 것을 놔둔 이유가 SEO 때문이 아닐까 싶어서 알아봤다. ``이 중요한 이유 우선 `` 태그는 seo 와 접근성(시각장애인이 사용하는 스크린리더) 을 위해 주로 사용한다. 특히 스크린 리더가 페이지를 읽을 때 헤더부분을 뛰어넘고 바로 페이지 타이틀로 가기 때문에 ` 태그가 hidden` 이거나 위치가 이상하면 읽어들일 때 혼란을 줄 수 있다! 올바른 방법으로 숨겨보자! > 주의할 점 : `display

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

생활코딩 - <Web> 6~7 : Atom프로그램 사용, 기본 문법 태그 표시하기, h1 제목 태그, 페이지 소스, 검색 엔진 이용하기

학습 2차. 복습과 포스팅을 같이 하다보니 내용이 점점 길어지는 관계로(?) 2강씩 나누었다. 생활코딩 web 6~7강 까지의 학습 내용 정리. 6) 태그 표시하기 (기본문법 태그) 6강에서는 위의 web사이트의 빨간 박스안 내용글을 어떻게 표시하는지 배워보고 web 브라우저에 나타내보도록 하겠다. 내용으로 쓸만한 글은 한글이나 영어 상관없이 본인 자유형식으로 사용 가능하다. Atom 에디터 편집 프로그램의 빈 화면에서 ![](https://velog.velcdn.com/images/yuki_go/pos

2022년 7월 7일
·
0개의 댓글
·

04. Quiz_간단한 로그인 페이지 만들어보기

로그인페이지 완성!

2022년 4월 25일
·
0개의 댓글
·

과제 리뷰_11/3

🚩11/3 오늘은 어제의 과제 리뷰로 시작했다. 실제로 있는 홈페이지라서 이론상의 내용과는 조금 달랐지만, 구체적으로 구현된 모습을 볼 수 있어서 좋았다. (물론, github에 올린 코드에서는 내용을 다지웠다!) 링크텍스트 중요한 리뷰 h1 태그는 문서에 한개만 있어야 한다. 웹접근성을 높이기 위해 section에는 heading이 있어야 한다. br태그가 문장안에 있는 형태는 지양하자. footer에서는 구획을 나누지 않는 것이 좋다. 전화번호나 메일은 클릭을 했을때 전화,메일이 될 수 있도록 a 태그를 쓴다. 약관에 동의합니다. 와 동의하지 않습니다. 가 있는 경우, 1) 동의하지 않습니다.가 기본값으로 가있어야 한다. 2) 둘 다 체크 되

2021년 11월 3일
·
1개의 댓글
·
post-thumbnail

HTML 핵심 요소 정리

HTML 핵심요소 정리 1. div 블록 요소 특별한 의마가 없는 구분을 위한 요소 (Division) 2. h1 블록 요소 제목을 의미하는 요소. (Heading) 숫자가 커질수록 중요도는 낮다. ![](https://images.velog.io/images/fredkeemhaus/post/10a51a43-c7cc-4e7c-a2d2-f44007ac37c9/%E1%84%89%E1%85%B3%E1%84%8F%E1

2021년 6월 26일
·
0개의 댓글
·

html #2.3 <h1, ul, ol> 목록정렬

**html ordered list : 순서가 있는 목록, 하나 둘 셋 넷 (숫자표현) unordered list : 순서가 없는 목록, 정렬이 되어있지 않은 목록

2021년 6월 21일
·
0개의 댓글
·
post-thumbnail

HTML 기초 태그(Tag) 모음

HTML은 TAG 형태로 이루어진 웹페이지의 구조를 구현하는 언어라고 앞서 설명하였다. HTML언어를 사용하는데 있어서 가장 기본적이며, 가장 많이 쓰이는 태그에 대하여 다뤄볼 예정이다. HTML 기초 태그 (해당 태그는 body 태그 내부에서 쓰이며 body 태그는 화면에 표시될 웹 안의 내용물을들 표시하는 공간이다.) h1~h6 : h로 시작하여 1부터 6까지의 숫자를 붙여 사용할 수 있는 태그로 heading 태그라고 한다. 글의 헤드라인(제목)을 작성할 때 쓰이며 1이 가장 큰 글자이며 2,3,4,5,6 으로 갈 수록 크기가 작아진다. 이렇게 작성하면 아래와 같은 출력 화면이 나온다. ![](https://images.velog.io/images/yujin

2020년 12월 22일
·
0개의 댓글
·
post-thumbnail

[T.I.L]HTML

HTML이란? HyperText Markup Language의 약자입니다. 웹페이지는 HTML 문서라고도 불리며 , HTML 태그들로 구성됩니다. HTML의 구조 !DOCTYPE html html Introduce</title /head body <<(본문내용) h1 Byung Hoon Lee /h1 /body /html <<항상 맨 처음과 마지막은 html로 시작과 끝맺음 한다. HTML 태그들 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. 1) h1은 가장 큰 주제 ~ h6는 가장 덜 중요한주제 2) p ,/p 는 주제에 대해 덧붙임해주는 글을 쓸때 3) br은 HTML에서의 공백 , 줄바꿈을 도와주는 용도 ![](https://ima

2020년 5월 8일
·
0개의 댓글
·