HTML CSS基础

level 1 姬成

(一)简介

编辑器，快捷键，打字法

命令提示符终端学习

专业素养：超文本标记语言Hyper Text Markup Language

(二)HTML标签

1.根标签：

2.段落标签:只能有一个

段落标签

3.h标签 独成一段，逐次减少。更改字体大小，加粗字体

——

4.加粗字体

5.斜体

6.原价50元

7.地址标签 <——>p+em:成段展示和斜体

8.容器 ，捆绑操作，独行展示

9.没作用

10.单标签

(1). 回车：

(2).水平线：

(3).标签

11.有序列表

(1).喜欢看的电影

    
marvel
    
速度与激情8
    
返老还童

(2)五种排序方式:只能这五种

<ol type="1"><ol type="a"><ol type="A"><ol type="i"><ol type="I">

倒序

<ol type="1" reversed=” reversed”>从第几个开始排序：<ol type="1" start=”2”>      从2开始排序<ol type="a" start=”2”>      b(第几个)

12.无序列表

<ul>    <li>li>    <li>li>    <li>li>ul>

（1）实心圆

<ul type="disc">

（2） 方块

<ul type="square">

（3）圆

                                    
	             
天猫
            
聚划算
            
天猫超市
        
    

14.图片

（1）网上url

​ 新标签页中打开图，拷贝网址

（2）本地绝对路径，相对路径

相对路径：直接写a.jpg就行

D:/A/B/a

D:/A/B/b

绝对路径：写全D:/A/B/b/c

D:/A/B/a

D:/A/B/b/c

alt：图片占位符 挽回错误

15. a标签功能

（1）超链接

<a href="https://www.baidu.com">www.baidu.coma>新标签页中打开：<a href="https://www.baidu.com"  target=”_blank”>www.baidu.coma>

（2）锚 anchor

demo1

                            
        
        find demo1        find demo2    

demo2

                            
        
        find demo1        find demo2    

（3）打电话，发邮件

<a href="mailto:[email protected]">发邮件a><a href="tel:19811715506">打电话a