HTML学习笔记

  1. 什么是 HTML?
  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  1. h1~h6 从大到小

  2. a标签 链接

    <a href="http://www.w3school.com.cn">This is a link</a>
    
  3. img 图像 src属性执行图片路径

    <img src="w3school.jpg" width="104" height="142" />
    
  4. <br/><br>好,尽管<br>是有效的,<br />是一个折行(换行)

  5. 标签推荐使用小写字母,尽管大小写是不敏感的

  6. HTML标签可以拥有属性,属性提供了有关 HTML元素的更多的信息,属性总是在开始标签中规定。并且属性值始终需要加上引号。

  7. HTML 标题

    • h1最大 h6最小
    • 浏览器会自动地在标题的前后添加空行
  8. <hr />是分割线标签

  9. 浏览器会自动地在块级元素的前后添加空行。例如h标签、p标签

  10. style属性用于改变HTML元素的样式

    • 提供了一种改变所有 HTML 元素的样式的通用方法
    • 样式是 HTML 4 引入的
    • 推荐独立的样式表中(CSS 文件)进行定义
    <body style="background-color:yellow">
    

    背景色:background-color
    字体:font-family
    文字颜色:color
    文字大小:font-size
    文本对齐:text-align

  11. HTML 注释

    • ``
    • 条件注释 定义只有 Internet Explorer 执行的 HTML 标签
    <!--[if IE 8]>
    .... some HTML here ....
    <![endif]-->
    
  12. 外部样式表 <link>中引入外部文件

    <head>
    

<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
```
内部样式表 <style>中写的样式

``` html
<head>
    <style type="text/css">
        body {background-color: red}
        p {margin-left: 20px}
    </style>
</head>
```
内联样式 标签的`style`属性中定义的样式

2020年5月6日20:36:17

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值