10.29 web前端学习

一、web前端学习前言

1.web标准: a.结构标准(HTML):决定网页的内容 b.表现标准(CSS):决定网页中内容的布局样式 c.行为标准(Javascript):决定网页中的行为和动作(变化)
2.HTML HTML:超文本标记语言 标记语言:通过不同的标记来让网页显示不同的内容(以指定的格式)特点:标记出错不会影响其他的标记解释超文本:除了文本以外还可以标记图片,超链接、音频、视屏、flash、输入框、连接等。。。
注意:html中大小写不敏感,大小写一样,HTML,html,HtML,hTMl是一样
3.HTML文件就是后缀是.HTML的文件。可以直接用浏览器打开(展示效果)
4.HTML结构 a.HTML基本结构,一个HTML标签包含一个HTML标签和两个head和body标签 b.head中的内容除了title和icon以外,其他的都不可见 c.body中的内容一般显示在网页上,一般都是可见的
5.标签 a.用来说明HTML版本(html代表的是用的是html5)

二、html标签

1.标签语法

双标签(常规标签): <标签名 属性名1:属性值1 属性名2:属性值2...> 标签内容

单标签: <标签名 属性名1:属性值1 属性名2:属性值2.../> 或者 <标签名 属性名1:属性值1 属性名2:属性值2...>

说明:
标签名 - 是html中已有的标签,不能自己随便命名。标签名和<以及标签名和/之间都不能有空隙
属性 - 属性和属性值之间用:连接,多个属性之间用空格隔开。所有的属性没有位置要求
标签内容 - 在开始标签和结束标签之间,标签的内容可以是任意的(可以文本也可以是其他标签)

2.head标签中的内容

head中的标签有:title,mate, base, link, style, script
title - 设置网页标题
meta - 设置网页元数据(单标签)

3.body

body中的标签主要用来在网页的内容中添加显示信息的



    
        
        html标签

        
        
    
    
        内容
    


三、文本标签



    
        
        千峰
    
    
        
        

标题一

标题二

标题三

第一段落

第二段落

窗前明月光,
疑是地上霜。
举头望明月,
低头思故乡。

四、列表标签



    
        
        列表标签
    
    
        
        
        
  1. 基础语法
  2. web前端
  3. web后端
  • 基础语法
  • web前端
  • web后端
教学部
王老师
李老师
后勤部
老张
老余

五、图片和超链接



    
        
        
    
    
    
    
    加载失败

    
    
        hao123
    
    
        
    
    
        列表标签
        刷新
        回到顶部
        第二张
        第四张

        
        百度一下
    


六、数据表格



    
        
        表格
    
    

        
        
First Name Last Name Points
Jill Smith 50
Eve Jackson 94

姓名姓名 年龄 性别

姓名姓名 年龄 性别
小明 18

七、复杂表格



    
        
        
        复杂表格
    
    

        
        

你可能感兴趣的:(10.29 web前端学习)