欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

初始HTML,认识前端

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

第一章

初识HTML+HTML常用标签

一.什么是编程语言

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

二.web前端开发语言

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

三.HTML超文本标记语言

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

四.网页主体结构

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

五.常用标签

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