Web前端：HTML超文本标记语言

最新推荐文章于 2022-04-30 22:45:20 发布

Mr. Donkey_K

最新推荐文章于 2022-04-30 22:45:20 发布

阅读量863

点赞数 1

分类专栏： Web前端笔记文章标签： Web前端 HTML标签

本文链接：https://blog.csdn.net/Dreaming5498/article/details/97397916

版权

Web前端开发介绍

Web概述

在这里插入图片描述

Web起源

在这里插入图片描述

Web的特点

1.易导航和图形化界面
2.与平台无关
3.分布式结构
4.动态性
5.交互性

Web工作原理

在这里插入图片描述

URL介绍

URL统一资源定位器可以理解为网址。

构成如下：
协议类型：//服务器地址（端口号）/路径/文件名

例子：
http://www.westos.org/bbs/index.html

HTML网页结构

HTML(Hyper Text Mark-up Language )即是超文本标记语言, 通过使用标记标签来描述页面文档结构和表现形式的一种语言，再由浏览器进行解析，然后把结果展示在网页上。

超文本指的是超链接

标记指的是标签

1).HTML文件用编辑器打开显示的是文本，可以用文本的方式编辑.

2). HTML文件用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。

HTML基本结构

在这里插入图片描述

HTML文档类型

目前常用的两种文档类型是xhtml 1.0和html5
在这里插入图片描述

HTML文档规范与注释

xhtml制定了文档的编写规范，html5可部分遵守，也可全部遵守，看开发要求。
1、所有的标签必须小写
2、所有的属性必须用双引号括起来
3、所有标签必须闭合
4、img必须要加alt属性(对图片的描述)
5、html文档代码中可以插入注释，注释是对代码的说明和解释，注释的内容不会显示在页面上，html代码中插入注释的方法是：

<!-- 这是一段注释 -->

HTML标签

文本标签

在这里插入图片描述

换行标签

在这里插入图片描述

列表标签

在这里插入图片描述

div与span标签

在这里插入图片描述

图片标签img

<img> 标签定义 HTML 页面中的图像。有两个必需的属性：src 和 alt。

属性：

src: 图片名及url地址
title：文字提示属性
alt: 图片加载失败时的提示信息
width/height：图片宽度/高度

超链接标签

超级链接标签

<a href=" ">...</a>
属性：

href: 必须，指的是链接跳转地址;
target: 表示链接的打开方式。
_blank 新窗口 ,
_self 本窗口（默认）
title：文字提示属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<b style="color: #2b99ff; font-size: 30px">
    今日头条
</b>
<br/>
<span style="font-size: 10px;color: #999999">
    nwes
</span>
<hr>
<b style="font-size: 25px;">
    <a href="#">
        <font color="black">分栏一</font>
    </a>
</b>
<ul style="color: #555555">
    <li><a href="#"><font color="#778899">新闻一</font></a></li>
    <li><a href="#"><font color="#778899">新闻二</font></a></li>
    <li><a href="#"><font color="#778899">新闻三</font></a></li>
    <li><a href="#"><font color="#778899">新闻四</font></a></li>
</ul>
<hr>
<b style="font-size: 25px">
    <a href="#">

最低0.47元/天解锁文章

Mr. Donkey_K

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端：HTML超文本标记语言

文章目录Web前端开发介绍Web概述Web起源Web的特点Web工作原理URL介绍HTML网页结构HTML基本结构HTML文档类型HTML文档规范与注释HTML标签文本标签换行标签列表标签div与span标签图片标签img超链接标签超级链接标签锚点链接表格标签form表单标签表单项标签下拉列表标签文本域标签按钮标签html内嵌框架内嵌框架与a标签配合使用案例代码Web前端开发介绍Web概述...
复制链接

扫一扫