初始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. 块
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图像的名称
本文地址:https://blog.csdn.net/u014432927/article/details/107350119
上一篇: 软文推广简单好用的技巧有哪些?
下一篇: Matlab与Python环境的相关问题
推荐阅读
-
Semantic UI ? 完全语义化的前端界面开发框架_html/css_WEB-ITnose
-
史上最全前端面试题(含答案)_html/css_WEB-ITnose
-
HTML前端开发之路--Transition_html/css_WEB-ITnose
-
前端wap页面问题,跪求解答,_html/css_WEB-ITnose
-
简易在线投票系统php——前端设计(html部分)
-
带你认识Web前端工程师
-
【前端攻略】:玩转图片Base64编码_html/css_WEB-ITnose
-
前端css笔记2016-2-16_html/css_WEB-ITnose
-
前端工程师技能之photoshop巧用(从效果图到雪碧图)2--测量篇_html/css_WEB-ITnose
-
前端基础(二)快速布局神器Flexbox布局_html/css_WEB-ITnose