728x90
728x90
1. 저번 숙제 정답
<p>안녕하세요<a href="https://naver.com">이동하기</a></p>내가 적었던 것이랑 비슷했다.
저번 시간에 배운 것
- 글을 쓸때 <태그>를 사용해야함
- 가끔 속성넣기 가능
- 태그안에 태그를 넣을수도 있음
2. 미니 프로젝트 만들기 : 프로필 페이지 만들기
이렇게 만들어 주었다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body style="background-image:url('backgroundsea.jpeg');">
<img src = "Myselfie.jpeg" style="width:100px; display:block; margin-left:auto;
margin-right:auto;">
<h1 style="letter-spacing:2px; text-align :center;">future fullstack developer</h1>
<h3 style="color:blue; margin right: auto; margin left: auto;
text-align: center;"><strong>nsidepixce</strong></h3>
<p style="text-align: center; color:white;"><strong>우리의 찬란한 일기(본문)</strong><a href = "https://insidepixce.tistory.com/">이동하기</a></p>
<p style="text-align: center;"><strong>동서대학교 정보보안학과 1학년<br> 코딩을 정복하고 말테야!"</strong></p>
</body>
</html>
오타가 있는데… 그냥 봐주세요]
body 태그에 style 을 넣어서 background-image까지 넣어보았다.
바다 느낌으로 꾸미려고 했는데 그 느낌이 안 나서 속상한 사람= 나
3. 텍스트의 일부분만 스타일을 변경하고 싶을때
<p>안녕하세요 저는 <span style="color:red">뛰어난</span>개발자입니다.</p>
<span>이라는 태그로 감싼 뒤에 스타일을 주면 된다.
.
💡 span 태그는 display:inline 이라는 스타일 속성을 내포하고 있으며, 이를 가지고 있는 요소는 폭, 넓이 등을 단독으로 결정할 수 없다
💡 높이를 주고싶으면 얘를 감싸고 있는 <p>에 주어야 한다
300x250
'2023 공부한것들' 카테고리의 다른 글
| [TIL] 20230625 (0) | 2023.06.25 |
|---|---|
| [코딩애플 html/css] 4강: css 파일 만들고 첨부하는 법 (0) | 2023.06.25 |
| [코딩애플 html/css] 2강 HTML 기본 태그로 글 작성해보기 (0) | 2023.06.25 |
| [코딩애플 html/css] 1강 : html 기초와 개발환경 셋팅 (0) | 2023.06.25 |
| [TIL] 20230623 (0) | 2023.06.23 |