初始HTML，认识前端

最新推荐文章于 2021-12-25 19:20:53 发布

胡乘博

最新推荐文章于 2021-12-25 19:20:53 发布

阅读量203

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/u014432927/article/details/107350119

版权

前端学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

初识HTML

第一章

第一章

初识HTML+HTML常用标签

一.什么是编程语言

编程语言（programming language）可以简单的理解为一种计算机和人都能识别的语言。一种计算机语言让程序员能够准确地定义计算机所需要使用的数据，并精确地定义在不同情况下所应当采取的行动。

二.web前端开发语言

为了网页或者网bai页应用，而编写HTML，CSS以及JS代码，所du以用户能够看到并且和这些页面进行交流。

三.HTML超文本标记语言

超文本标记语言,标准通用标记与眼下的一个应用.”超文本”就是指页面内容可以包含图片,链接,音乐,程序等非文字元素.结构包括头部head,主题body.头部提供关于网页信息,主体部分提供网页具体内容.

四.网页主体结构

标记
<>
最外层标记
也称之为跟标签
文档头
不会显示在浏览器中,基本的描述
网页主体
正文:文字.图片.;链接.表单等
单标签

双标签
开始标签+闭合标签

五.常用标签

1. 块 
div
2. 标题标签 
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
3. 段落标签 
<p></p>
4. 常见标签 

	<span></span>区分样式 <strong></strong>强调 

	<b></b>定义加粗 <em></em>强调 

	<i></i>定义倾斜字体 <del></del>删除文本 

	<sub></sub>下标 <sup></sup>上标 

	<br/>换行 <hr>定义水平线 

	<img />图片标签 <a></a>超链接标签

<body>
    <h1>胡乘博太帅了</h1>
    <h2>胡乘博太帅了</h2>
    <h3>胡乘博太帅了</h3>
    <h4>胡乘博太帅了</h4>
    <h5>胡乘博太帅了</h5>
    <h6>胡乘博太帅了</h6>
</body>

六.超链接

超链接可以是一个字,一个词,或者一组词,也可以是一幅图,也可以是一些内容,或某部分
鼠标放在超链接部分时,会变一只小手
通过a标签使用

通过href属性 - 创建指向另一个文档的链接
target属性定义网页打开方式
_blank默认新窗口
_self规定当前窗口
锚点
通过name名字,可以通过id属性来代替name
创建邮件
下载
当我们链接的是一个软件的时候

<a href='http://www.baidu.com'>走你</a>
<a href='http://www.baidu.com' target='_blank'>走你</a>
<a href='mailto:someone@microsoft.com?subject=Hello%20again'>发送邮件</a>
<a href='mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!'>发送邮件</a>

七.img图片标签

> <img src='url' alt='' title=''/> url指图像位置 alt属性,当浏览器无法加载图片时的替换文本
> title图像的名称

胡乘博

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初始HTML，认识前端

初识HTML第一章一.什么是编程语言二.web前端开发语言三.HTML超文本标记语言四.网页主体结构五.常用标签六.超链接七.img图片标签第一章初识HTML+HTML常用标签一.什么是编程语言编程语言（programming language）可以简单的理解为一种计算机和人都能识别的语言。一种计算机语言让程序员能够准确地定义计算机所需要使用的数据，并精确地定义在不同情况下所应当采取的行动。二.web前端开发语言为了网页或者网bai页应用，而编写HTML，CSS以及JS代码，所du以用户能够看到
复制链接

扫一扫