HTML, CSS에 대한 학습 (통산 1일째)
HTML 정보
태그를 작성하는 방법
<要素名>書きたいこと</要素名>
↑開始タグ ↑終了タグ
제목
<h１>〜<h６> 까지 있다 제목과 단락의 구분
<p> 를 사용 <！ーーコメントーー> 를 사용 링크 만들기
<a>リンク名</a> 를 사용 <a href="貼りたいURL"> <a href="貼りたいURL">リンク名</a> 이미지 삽입
<img src="画像URL"> 목록 작성
<li> 로 둘러싼다 <li> 아이 요소)의 전후에는 <ul> 를 넣는 것 <ul> 요소는 흑점이 선두에 대해서 <ol> 요소는 숫자가 순차적으로 붙는다 <li> 넣을 때는 반드시 → |CSS 정보
문자 색상 변경(color)
h1의 색을 바꾸고 싶을 때
h１ { ←ここで改行
color:#ff0000;
}
color 앞의 들여쓰기를 잊지 마라.
표시하지 않으려면
<*コメント＊>h１ {
/*色を赤に指定＊/
color:#ff0000;
}
문자 크기 변경 (font-size)
h1 문자의 크기를 변경하고 싶을 때
h1 {
color:red;
font-size:10px;
}
글꼴 유형 변경(font-family)
글꼴 디자인을 변경하고 싶을 때
h1 {
font-family:sarif;
}
글꼴 이름에 공백이 포함된 경우("") 사용
h1 {
font-family:”Avenir next";
}
배경색 변경(background)
h1 문자의 배경을 색칠하고 싶을 때
h1 {
background-color:#dddddd;
}
이미지와 문자의 가로 폭 (width), 높이 변경 (height)
h1 {
width:500px;
height:80px;
}
글머리 기호 중 하나만 색을 칠 때(class)
html에서는 색을 지정하고 싶은 요소에 이름을 붙인다 (뭐든지 좋다)
<li class="one＂>色をつける要素</li>
↑つけたい名前 ↑箇条書きの文
class는 CSS에서는, 글머리 기호에는 도트가 붙기 때문에 이름의 앞에도 넣는 것을 잊지 않는다
1일째 후리카리
프로게이트를 배우면서 소중하다고 생각한 일이나 이해가 어려웠던 것을 썼습니다.
초급 클리어 할 수 있었습니다!
내일부터도 노력하겠습니다(^.^)
Reference
이 문제에 관하여(HTML, CSS에 대한 학습 (통산 1일째)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kanyamalP/items/c337d5c705d3cc199a0c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
