생활코딩 html, css 짧게 보기

Notice

Recent Posts

Recent Comments

Link

« 2024/09 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Tags more

Archives

Today

Total

관리 메뉴

🌱 → 🌳

생활코딩 html, css 짧게 보기 본문

Client/HTML CSS

생활코딩 html, css 짧게 보기

BAY 2022. 3. 16. 17:44

728x90

생활코딩 html, css 맛보기로 몇 개만 골라서 들어보았다!

HTML

<> tag
<h1> 대제목
<h2> 소제목
<strong> 글씨 강조
<a> 링크 걸어줌

속성
href = "링크"
target="_blank" 링크 눌렀을 때 새로운 탭이 열리면서 그 탭에 페이지가 열리도록 하는 것
title="" 링크에 마우스 커서 올렸을때 문자 출력

<li> 각각의 항목을 list로 표현 list
<ul> 그룹핑 unordered list
<ol> 순서가 있는 그룹핑 ordered list

문서 자체를 꾸며줌, 부과적인 내용 (본문의 내용 X)
<head> 본문이 아닌 tag는 head 아래에 있어야함
<title> 링크 이름
<meta charset="utf-8"> 글씨 깨질 때 이 코드 넣기

DOCTYPE
document type declaration
내가 사용하고 있는 html이 어떠한 표준을 따르고 있는지 알려줌
현재 사용하는 것 <!DOCTYPE html>

CSS

html : 정보 , css: 디자인

정보과 디자인의 분류

이 페이지에 있는 모든 li 태그의 폰트 컬러를 붉은색으로 칠해주세요
<style>
   li {
       color:red;
   }
</style>

text-decoration:underline 밑줄 긋기

선택한 id만 꾸밈

여러 id(하나의 class) 를 꾸밈

728x90

'Client > HTML CSS' 카테고리의 다른 글

[HTML] HTML 구조 (0)	2022.06.19
[CSS] Flexbox (0)	2022.05.10
[CSS] 레이아웃 정리 display, position 완성 (0)	2022.05.10
[HTML/CSS] 드림코딩 강의 정리 (0)	2022.05.09
모각코 HTML/CSS 심화 2일차 (0)	2022.04.11

'Client/HTML CSS' Related Articles

🌱 → 🌳

생활코딩 html, css 짧게 보기 본문

생활코딩 html, css 짧게 보기

HTML

CSS

'Client > HTML CSS' 카테고리의 다른 글

티스토리툴바