HTML基础入门

第一天内容
    1.web概念概述
    2.HTML
    
    
1.web概念概述
    Javaweb:
        使用Java语言开发基于互联网的项目
    
    软件架构:
        C/S:客户端/服务器
            需要本地有一个客户端,然后是远程有一个服务器端程序
                优点:
                    1.用户体验好
                缺点:
                    1.开发,安装,部署,维护麻烦
        B/S:浏览器/服务器
            只要一个浏览器,然后通过不同的url就可以访问不同的服务器程序
                优点:
                    1.简单
                缺点:
                    1.如果程序比较大,那么用户体验差
                    2.对硬件要求高
    B/S架构:
        资源分类:
            1.静态资源
                使用静态网页开发技术发布的资源
                特点:
                    每个用户访问的结果都一样
                    包括:文本,图片,音频,视频,HTML,CSS,JavaScript
                    如果用户访问的是静态网页资源的话,那么服务器就会直接把资源发给浏览器,浏览器内置解析引擎,然后展示静态资源
            2.动态资源
                使用静态网页开发技术发布的资源
                特点:
                    每个用户访问的结果都不一样
                    包括:jsp/sevelet,php...
                    如果用户访问的是动态网页资源的话,那么服务器就会执行动态资源,转化为静态,然后发给浏览器
                    
    静态资源:
        HTML:搭建基础网页,展示网页内容
        CSS:美化界面,布局页面
        JavaScript:控制页面元素,让页面具有动态的效果
        
    HTML:最基础的网页开发语言
        (Hyper Text Markup Language):超文本标记语言
            超文本:
                超文本是采用超链接的方式,可以将不同形式的信息放在一起
            标记语言:
                由标签构成
        
        2.快速入门:
            1.文件后缀名应该为.html或.html或
            2.标签分为:
                围堵标签:就是得有一对:<head></head>
                自闭和标签:自己就是一个单独的标签:<br/>
            3.标签里面可以写标签,但是必须得成对出现,而且里面的就是里面的
            4.标签不区分大小写,但是最好是小写的
            
        3.常用的标签:
            1.文件标签:
                <html> 定义一个 HTML 文档
                <title> 为文档定义一个标题  
                <body> 定义文档的主体
                <!DOCTYPE>? 定义文档类型。
            2.文本标签:
                注释:<!-- 注释内容-->
                <h1> to <h6> 定义 HTML 标题 :从1到6字体是减小的,还有文字会加粗
                <p> 定义一个段落 :
                <br> 定义简单的折行。
                <hr> 定义水平线。
                    align :规定 <hr> 元素的对齐方式
                        left
                        center
                        right  
                    color:颜色
                    width :宽度,可以百分比定义
                    size :高度。
                <b> 定义粗体文本。
                <font>:字体标签
                <center>:文本居中
                    属性:
                        color:颜色
                        size:大小
                        face:字体<

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单易懂的HTML基础入门教程: 1. HTML是什么? HTML全称为“Hypertext Markup Language”,即“超文本标记语言”。它是一种用于创建网页的标准标记语言,通过HTML标签来描述网页的各种元素。 2. HTML的基本结构 一个HTML文档通常由三部分组成: - DOCTYPE声明,用于告诉浏览器这是一个HTML文档。 - HTML标签,用于表示整个HTML文档的开始和结束。 - Head和Body标签,分别用于表示文档的头部和主体内容。 以下是一个基本的HTML文档结构: ``` <!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> 页面内容 </body> </html> ``` 3. HTML标签 HTML标签用于描述网页中的各种元素,如文本、图片、链接、表格等等。标签通常由一个开始标签和一个结束标签组成,中间包含元素内容。例如,段落标签p用于表示一个段落: ``` <p>这是一个段落。</p> ``` 4. HTML属性 HTML标签可以包含属性,属性用于控制元素的行为和样式。属性通常由名称和值组成,中间用“=”连接。例如,图片标签img可以包含src属性指定图片的路径: ``` <img src="image.jpg"> ``` 5. HTML链接 HTML链接用于在不同页面之间创建链接。链接通常由a标签表示,href属性用于指定链接的目标地址。例如,创建一个跳转到百度的链接: ``` <a href="http://www.baidu.com">百度</a> ``` 6. HTML列表 HTML列表用于表示一组有序或无序的项。有序列表使用ol标签,无序列表使用ul标签,列表项使用li标签表示。例如,创建一个无序列表: ``` <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> ``` 以上就是HTML基础入门教程的基本内容,希望对你有所帮助!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值