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

html.css.javascript 跟随着我一起走向前端之路

程序员文章站 2022-04-30 20:22:32
html 主要的标签的介绍: 标签里面是放的是思想,设置浏览器用的,是人看不到的 编码字符集:gb2312 国家编码字符集(简体,亚裔字符集) gbk(gb2312+繁体) unicode 是万国码,包括了所有国家的语言 uft-8 是 unicode 一般放的是

html 主要的标签的介绍:

<head></head>标签里面是放的是思想,设置浏览器用的,是人看不到的

编码字符集:gb2312 国家编码字符集(简体,亚裔字符集) gbk(gb2312+繁体)

unicode 是万国码,包括了所有国家的语言 uft-8 是 unicode  

一般放的是<meta charsrt = "utf-8"> 自闭和标签

<body></body>是展示给用户看的  所有的标签是写在body里面

 

1 <p></p>段落,让内容成段展示   <br>换行

2 div 和span标签(最重要的标签)

<div></div>独占一行

<span></span>不独占一行

div和span这两个标签是为了成块展示,规格化,这两个就是一个容器

功能1:分块明确,让整个页面更加结构化

  1. 功能2:捆绑操作的作用(搬书架) 通常配合css一起用
    <div>
    <strong>加粗字体<strong>
    <em>斜体展示</em>
    <del>划线标签</del>
    </div>
      

 3<ul><ol></ol></ul> 标签

<ul type="a">
  <ol>小红是*</ol>
  <ol>苹果</ol>
  <ol>我是*</ol>   将里面的代码有序的输出 按字母a~z排序 排序方式1,a,a,i,i
 </ul>

4<a href="">标签  超文本连接

<a href="https://www.baidu.com"> 点击我</a>  点击就能直接跳转到百度
<a href = "tel:17548935889">打电话</a>
<a href ="maito :1453156425@qq.com">发邮件</a>

5 <img src=""  alt=""  title="">标签

src里面写路劲 1网上url 2 本地的绝地路径 3 本地的相对路劲

alt图片占位符 可以降低错误 

title图片提示符 当鼠标放在上面可以提示图片的意识

6 <form method="get/post" action=" ">   method是发送数据的方式 有两个值  action 是发送给人的地址

7<input type ="text" name="" value=""> 输入框

<input type ="password" name="" value="">密码输入框

<input type ="button" name="" value="">按钮

<input type ="radio" name="" value="">单选框

<input type ="checkbox" name="" value="">复选框

8 <select  name=""><option></option></select>下拉框

9<table><tr><tb></tb><tb></tb></tr><table>