前端HTML入门基础1

计算机基础

计算机有硬件和软件构成,简单来说就是能摸得到的,砸在身体上比较疼的就是硬件,摸不到的,砸在身体上面没有感觉的就是软件。
主要的硬件有CPU,存储器,输入输出设备。误区:存储器分为内存和硬盘,能同时玩几个游戏,取决于内存的大小,能安装多少个游戏取决于硬盘的大小。所以咱们一般说的手机内存不够了是硬盘的大小不够了。
软件有系统软件和应用软件,系统软件比如windows,应用软件就是我们常安装的APP,游戏之类的。

C/S和B/S架构

C:客户端
B:浏览器
C/S:APP,需要安装,偶尔更新,不跨平台,安全性更高。
B/S:网页,无需安装,无需更新,可跨平台(前端主要作用)
S:服务器

一个网页有哪些部分组成

HTML (结构)
CSS(表现)
Javascript (行为)

HTML是什么和HTML初体验

超文本,超级的文本,和普通的文本相比内容更加丰富。

标签

在这里插入图片描述
如图所示,左边为源代码,右边为浏览器渲染后生成的页面。程序员要做的就是写源代码。
点击网页右面可以进行查看源代码。

<marquee>开始啦</marquee>

marquee的作用是字幕滚动,它就是标签
在前端开发中,有许多常见的HTML标签可以用来创建网页的结构和内容。以下是一些常见的HTML标签及其用途:

<html>:定义HTML文档。
<head>:定义文档的头部,包含了一些元数据信息,如标题、样式表和脚本等。
<body>:定义文档的主体内容。
<h1><h6>:定义标题,从大标题到小标题依次递减。
<p>:定义段落。
<a>:创建链接。
<img>:插入图像。
<ul><ol>:创建无序列表和有序列表。
<li>:定义列表项。
<div>:创建一个容器,用于组织和布局其他元素。
<span>:用于对文本进行样式设置或标记特定的文本。
<form>:创建表单,用于接收用户输入。
<input>:定义输入字段,如文本框、复选框、单选按钮等。
<button>:创建按钮。
<table>:创建表格。
<tr>:定义表格行。
<td>:定义表格单元格。

这只是一小部分常见的HTML标签,还有许多其他标签可以用来实现不同的功能。在前端开发中,根据具体的需求选择适合的标签来构建网页的结构和内容。

标签的属性

在前端开发中,标签的属性是用来描述标签的特性和行为的。每个标签都可以有多个属性,属性由属性名和属性值组成,中间用等号连接。

以下是一些常见的HTML标签及其常用属性:

<a>标签:用于创建超链接,常用属性包括href(指定链接地址)、target(指定链接在何处打开)等。
<img>标签:用于插入图像,常用属性包括src(指定图像的URL)、alt(指定图像的替代文本)等。
<input>标签:用于创建表单输入字段,常用属性包括type(指定输入字段的类型,如文本、密码、复选框等)、name(指定字段名称)等。
<div>标签:用于创建块级容器,常用属性包括class(指定样式类名)、id(指定唯一标识符)等。
<span>标签:用于创建行内容器,常用属性包括class(指定样式类名)、id(指定唯一标识符)等。

除了上述标签,还有很多其他标签和属性可供使用。可以根据具体的需求选择适合的标签和属性来实现所需的功能。

代码结构

在这里插入图片描述

  1. 想要呈现在网页的内容写在body标签中
  2. head标签中的内容不会出现在网页中
  3. head标签中的title标签可以指定网页的标题

代码初试

<html>
     <head>
         <title>我的网页</title>
     </head>
     <body>
          <marquee loop="1">
        欧买噶,真不错
        <!--下面的输入框是可以滚动的,只能滚动一次-->
          <input type="text">
          </marquee>
          <!--下面的输入框是不可滚动的-->
          <input type="text">
     </body>
</html>
  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值