当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 初始HTML，认识前端

初始HTML，认识前端

2020年07月15日  | 移动技术网IT编程  | 我要评论

初识HTML

第一章

初识HTML+HTML常用标签

一.什么是编程语言

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

二.web前端开发语言

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

三.HTML超文本标记语言

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

四.网页主体结构

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

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

五.常用标签

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标签使用

  1. 通过href属性 - 创建指向另一个文档的链接
  2. target属性定义网页打开方式
    _blank默认新窗口
    _self规定当前窗口
    锚点
  3. 通过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图像的名称

本文地址：https://blog.csdn.net/u014432927/article/details/107350119

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网