web的基础知识 web

信息发布员 5月前 112

勿忘初心,方得始终

作为非专业出身的半路出家的和尚,非常明白想入门时候的迷茫,想入而不可得!不得已辞去工作,去读了培训班!16年4月培训班出来正式成为前端大军的一员小喽啰,感觉有必要给未来的自己留下点痕迹……

web相关技术

1>.服务器端技术:提供数据库访问的技术

2>.客户端(浏览器端)技术:有浏览器负责解释运行(html,css,javascript)

html的简单介绍

HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。

一. HTML基础语法

1.标记语法(又称:元素)

不同的标记会有不同表现,主要用于描述功能。

分类:a. 封闭标记(双标记)<></>

–>例:<b>内容(加粗效果)<b/><s>内容(删除线效果)</s>

b.非封闭标记(单标记)<>或</>

–>例:<br/><hr/>

2. 标签的属性和属性值(对标签的功能加以修饰)。

语法:a.属性的社会年更名必须位于开始的标记里面

b.一个元素可能有多个属性,多个属性用 空格 隔开区分。

          标准属性(通用属性):基本上每个标记都会有的属性。

          id:标记在页面中的唯一标识

          class:定义(引用)样式表中的类样式

          style:定义当前标记的行内样式

          title:鼠标一入到标记上时所显示的文字

3. 注释(指允许出现在html中,但不会浏览器所翻译执行的内容)

作用:对代码进行解释说明,展示思路

语法:<!– 注释内容 –>

html文档结构

文档组成–声明当前html文档版文及类型,位于整个html文档最顶端

现在是h5写法简单:<!DOCTYPE html>

 html页面组成:

 <html></html>文档根标记,里面的结构有

 1.<head></head>页面头部

 2.<body></body>主体内容

 3.head标记包含的都是全局信息

     title:网页标题

     meta:编码,关键字,描述

     script:js文件的引入或定义

     link:单标记,引入外部样式表

     style:定义内部样式表

 eg:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.min.js"></script>
    <title>我是这个网页的标题</title>
</head>
<body></body>
</html>

body是网页的主体内容,用来显示给用户看的信息。

特殊字符通过转义字符来实现:

1.空格:&nbsp; 2.> : &gt;;

3<: &lt; 4©:&copy; 来表示

html中的文本元素:

<b>文字加粗效果</b><i>文字倾斜效果</i><s>文字删除线效果</s><u>文字下划线效果</u><sub>下标</sub><sup>上标</sup>

1

对应的页面效果:

文字加粗效果 文字倾斜效果 文字删除线效果 文字下划线效果 下标 上标

标题元素:

<hn></hn>;n这里取值1~6

1

对应的页面效果:

h1

h2

h3

h4

h5

h6

段落元素:<p>一个段落</p>

一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个段落一个

换行元素:

<br>或者</br>

分区元素(主要—用于元素分组,页面布局)

1.块分区元素<div></div>一个div默认独占一行,所有效果开发者自己定义,主要通过css实现布局

2.行内分区元素<span></span>多个span默认会在一行显示,很少用于布局,主要功能是包含普通文本

对应的页面效果:

我是第1个div

我是第2个div

我是第1个span我是第2个span

行内元素和块级元素

块级元素会独占一行,前后内容会自动分行,比如:div、p、h1~h6

行内元素多数包裹文本,去实现文本不同样式,比如:s、b、u、i、span 前面都有提及过

注意:** 块级元素可以嵌套行内元素,行内元素不可嵌套块级元素(无特殊情况说明之下)

这一部分大概介绍了一些html中最常见的一些普通元素 下一篇会讲一下图像和链接

原文链接:https://blog.csdn.net/lwq_123456/java/article/details/71632389


少客联盟- 版权声明 1、本主题所有言论和图片纯属会员个人意见,与少客联盟立场无关。
2、本站所有主题由该帖子作者发表,该帖子作者信息发布员少客联盟享有帖子相关版权。
3、少客联盟管理员和版主有权不事先通知发贴者而删除本文。
4、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者信息发布员少客联盟的同意。
5、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任。
6、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。
7、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意。
8、官方反馈邮箱:chinasuc@chinasuc.cn


上一篇:HTML相对路径(relative path)和绝对路径(absolute path)
下一篇:Kali Linux 下java环境(jdk)的安装_OverJerry
人生的价值,并不是用时间,而是用深度去衡量的。
最新回复 (0)
    • 少客联盟
      2
        登录 注册 QQ登录(停用)
返回