티스토리 뷰
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML</title>
</head>
<body>
<img src=" https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" title="logo" width="400px">
<h1>HTML 예제</h1>
<p>"공부를 하다가 Uncaught SyntaxError를 마주했다. 분명 문제는 없어보였는데, 스택 오버플로우를 확인하니 네트워크 문제로 보였다."
</p>
<p>"p는 paragrah의 약자로 문단을 의미한다."</p>
<p>"3번째 작업으로 구글 로고를 가져와봤다. 엣지를 킨 다음 구글 검색창을 열었다. 오른쪽 클릭-검사를 통해 요소를 확인하여 로고의 주소를 알아내었다. img src을 이용해 로고를 가져오고 title='logo'를 사용했다."</p>
</body>
<body>
<img src="https://blog.kakaocdn.net/dn/bH50Bq/btr2vneit84/NPoP3L5iIDjI8zrGAOMKeK/img.webp" width="400">
<p>"한편 이번에는 직접 운영하는 블로그의 이미지를 불러내보았다. 방법은 위의 로고를 가져온 것과 같다."</p>
<p>"그냥 가져왔더니 사이즈가 매우 크게 나온다. 즉, 원본 사이즈로 나오는 것을 확인했다. 따라서 'width=400'을 이용해 사이즈를 줄였다."</p>
</body>
<body>
<p style="font-family:굴림;">
<p style="font-size:22px">
굴림<br>
크기 22PX</p>
</body>
</html>HTML은 예전에 홈페이지 만든답시고 책 좀 열어본 게 전부였다.
이번에 JS를 하기 전에 학습해두면 좋다는 평이 많아서 다시 공부를 시작했다.
HTML 공부하는 것은 어렵지 않았다.
당장 블로그 글 열고 HTML 기능으로 수정하면 HTML코드가 주르륵 뜨기도 했고 그게 아니어도 오른쪽 클릭-검사 버튼을 누르면 어떤 식으로 짜여 있는지 확인도 쉬웠으니까?
다음은 버튼을 만들고 버튼을 누르면 링크를 여는 방법에 대해서 공부해야겠다. 천천히?
HTML 예제
"공부를 하다가 Uncaught SyntaxError를 마주했다. 분명 문제는 없어보였는데, 스택 오버플로우를 확인하니 네트워크 문제로 보였다."
"p는 paragrah의 약자로 문단을 의미한다."
"3번째 작업으로 구글 로고를 가져와봤다. 엣지를 킨 다음 구글 검색창을 열었다. 오른쪽 클릭-검사를 통해 요소를 확인하여 로고의 주소를 알아내었다. img src을 이용해 로고를 가져오고 title='logo'를 사용했다."
"한편 이번에는 직접 운영하는 블로그의 이미지를 불러내보았다. 방법은 위의 로고를 가져온 것과 같다."
"그냥 가져왔더니 사이즈가 매우 크게 나온다. 즉, 원본 사이즈로 나오는 것을 확인했다. 따라서 'width=400'을 이용해 사이즈를 줄였다."
굴림
크기 22PX
'코딩 공부 > HTML,CSS' 카테고리의 다른 글
| 고정된 사이드메뉴를 만들려고 애를 썼다. [HTML/CSS] (0) | 2023.03.19 |
|---|---|
| 검색 창 만들기 씨름.. [HTML/CSS] (0) | 2023.03.17 |
| 버튼, 새 창 열기, 입력 필드 [HTML/CSS] (0) | 2023.03.16 |