카테고리 없음

01.23 html 정리1

dywm23 2025. 1. 24. 04:36
  • visual studio에서 웹페이지 만들기

1. open folder 클릭 후 바탕화면에 web폴더 생성

2. new file에서 1,html 생성 (파일이름에 html을 꼭 입력하는 것이 약속)

 

  • html에서 태그란

html에서는 '태그'를 통해 문법을 설명함. 앞에있는 것이 열리는 태그, 뒤에 있는 것이 닫히는 태그

 

<strong>태그는 문장을 진하게 표시해주는 역할을 하며, <u>태그는 밑줄을 표시해주는 역할을 한다.

 

<h1>태그는 제목을 만들어주는 태그이며 글씨를 진하게 해줌과 동시에 줄바꿈을 해준다.

 

  • 줄바꿈을 해주는 태그

br과 p태그로 줄바꿈이 가능

 

br태그는 <br> 하나의 태그로 줄바꿈을 해주며 사진과 같이 두개를 넣으면 한 단락을 띄워줌.

 

단락을 띄우고 싶을때는 보통 <p>태그를 사용.

 

즉 <br>태그는 단순한 줄바꿈을 해주는 태그이고 p태그는 줄바꿈과 시각적으로 단락을 구분해주는 역할을 해줌

<p>태그안에 css문법을 넣어주면서 여백의 정도를 설정 가능하다. <p style="margin-top:65px;"> 

 

html에는 수백개의 태그가 존재한다.

 자주쓰이는 태그 advancedranking 활용해 랭킹을 확인해 볼 수 있음

 

 

  • html 문법이 중요한 이유

 

<span style="font-size:24px">
          coding  
      </span>와
 
      <h3>coding</h3>
 
 이 두 코드는 시각적으로 비슷한 효과를 가진다.
 
 하지만 만약 coding이라는 단어를 구글에 검색해본다고 가정해보자.
 
 검색엔진은 시각적으로 코딩이라는 단어가 포함된 사이트와 제목이 코딩인 사이트중
 
 우선순위를 후자에 부여한다. 따라서 html이 중요하며 웹이 가진 본래의
 
정보를 탄탄히 하는 것이 중요한 것이다.

 

 

  • html에서 주석을 다려면 '컨트롤' + '/' 를 입력해주면된다. 랜덤문장은 lorem문단수로 생성 가능하다.