HTML&CSS Learning Notes 1

HTML

Basic I

<!DOCTYPE html>
Always put <!DOCTYPE html> on the first line. This tells the browser what language it’s reading (in this case, HTML).

<html> and </html>
Always put <html> and </html>on the next line. Theses start and end the HTML document.

<head></head> and <body></body>
There are always two parts to an HTML file: the head and the body. The head contains information about your HTML file, like its title.

<title></title> belongs to HEAD tags
The content appeared in browser’s tab.

<p></p> belongs to BODY tags
Paragraph, contains text and so on which you want to display.

<h1></h1> belongs to BODY tags
The content between this tag will be the biggest according to how smaller the number after the letter ‘h’. From h1 to h6, there are 6 sizes heading you can choose.

Basic I Mid-Breath

  1. HTML is used to give websites structure.
  2. We open HTML files using a browser, and the browser renders (shows us) the file.
  3. HTML files have a < head> and a < body> (just like you!)
  4. In the head, we have the < title> tags, and we use these to specify the webpage’s name.
  5. How to make headings and paragraphs.

<a href="URL"></a>
First, there’s an opening < a> tag and that tag has an attribute called href. The href value tells your link where you want it to go, finally, you have your closing < /a> tag.

<img src="URL"/>
We use an image tag, like so: < img>. This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using src. It’s also different because there is no ending tag. It has / in the tag to close it: < img src=”url” />.

<a href="URL"><img src="URL"/></a>
Combining the link and image tags, then we can get a image with available for access to another link.

Basic I Summery Instance
<!DOCTYPE html>
< html>
< head>
< title>TITLE < /title>
< /head>
< body>
< h1> H1 < /h1>
< p> PARAGRAPH < /p>
< a href="URL"> < img src="URL"/> < /a>
< /body>
< /html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值