JavaWeb——HTML,CSS,JS

一、HTML(关键)

超文本标记语言(HTML),是一种用于创建网页的标准标记语言。你可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

一个完整的html标签的组成:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>
	。。。要写的的内容
</body>
</html>

它的标签是树形结构的,在创建html时默认的的结构是:
在这里插入图片描述

示例中标签解释如下:

  • < !DOCTYPE html> 声明为 HTML5 文档
  • < html> 元素是 HTML 页面的根元素
  • < head> 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
  • < title> 元素描述了文档的标题
  • < body> 元素包含了可见的页面内容

常用标签主要分为以下几类:

  1. 标题语义:<h1> <h2> ...
  2. 正文语义:<p1> <p2> ...
  3. 图片标签:<img src = "相对路径" alt="图片出错时,替代文本"/>
  4. 容器标签: 1.<div> 块级容器 2.<span> 行级容器
  5. 列表语义:有序列表:<ol> 无序列表:<ul>
  6. 超链接语义:a href ="跳转的页面"
  7. 提交表单: < form> (父亲)< input> < buttom>,三个绑定可以提交表单
    用户触发submit动作,会使得浏览器发送一个新的请求,可以配置其请求方法(method),请求头,请求体(name用来区分提交的内容,type用来区别提交的内容类型),请求路径(action)
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>个人名片</title>
        <!--CSS:
        1.可以外部引入<link rel...相对路径>
        2.可以在html文档中 <style标签>
        3.html元素的属性中-->
        <link rel="stylesheet" href="css/style.css">
        <!--CSS的格式
        选择器:
        1.元素选择器 2.id选择器 3.类选择器-->
        <!--内容:
        color:字体颜色
        background-color:背景颜色
        font-size:字体大小
        ...
  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值