HTML基础

落魄码农在线炒粉 lv.1

发布时间：2022-10-18 16:35:02 311

HTML基础

什么是HTML?

超文本标记语言 ——HyperText Markup Language，它定义了网页内容的含义和结构。
HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。

什么web标准?

web标准是由W3C组织和其他组织指定的标准的集合，主要包括结构——HTML、表现——CSS、行为——JavaScript。

HTML语法规范

标签都使用尖括号<>包裹，例如
标签大多数是成对出现，有开始标签和结束标签，但是也有单独出现的标签，例如
标签是含有父子级关系和兄弟级关系

网页的结构


<!-- 文档声明 -->
<!DOCTYPE html>
<html>
  <!-- 头部信息 -->
  <head>
    <!-- 编码格式 -->
    <meta charset="utf-8">
    <!-- 设置作者 -->
        <meta name="author" content="作者">
        <!-- 网页描述 -->
        <meta name="description" content="设置网页的描述">
        <!-- 设置网页的关键字 -->
        <meta name="keywords" content="关键字">
    <!-- 网页标题 -->
    <title>标题</title>
  </head>
  <!-- 页面主体内容 -->
  <body>
    
  </body>
</html>

常用标签

标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

段落标签 ——<p></p>
换行标签 ——<br/>
文本格式化标签

加粗文本：<strong></strong>   <b></b>
文本倾斜：<em></em>  <i></i>
带删除线的文本：<del></del> <s></s>
带下划线的文本：<ins></ins> <u></u>
上标：<sup></sup>
下标：<sub></sub>

具有代表性的块级标签——<div></div>，行内标签——<span></span>
图片标签

<img src="xx.jpg" alt="" title="" width="" height="" border=""/>
src：图片路径
alt：图片加载失败显示的内容
title：鼠标经过图片显示的内容
width：设置图片宽度
height：设置图片高度
border：设置图片边框

a标签

<a href="www.baidu.com" target="_blank">跳转到百度</a>
target：_self;表示当前页面加载
target:_blank;表示新开窗口加载
target:_parent;加载应到当前框架的 HTML4 父框架或当前的 HTML5 浏览上下文的父浏览上下文。
target:_top;加载响应进入顶层浏览上下文

注释——

文章来源： https://blog.51cto.com/u_15011997/5762364

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。