html的使用_html提取字符串首字母-CSDN博客

本文链接：https://blog.csdn.net/m0_66301443/article/details/123646200

一。

（1）HTML是什么？
HTML，全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。

（2）CSS
CSS，全称“（层叠样式表）”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就是CSS。

（3）JavaScript
JavaScript是一门脚本语言。

二。

1.基本结构

超文本标记语言

<!DOCTYPE html>                    <!--声明为 HTML5 文档-->
<html xmlns="http://www.w3.org/1999/xhtml">    <!--当前页面使用的是W3C的XHTML标准-->

<html>                             <!--HTML 页面的根元素-->

<head>                             <!--页头，定义标题，定时刷新，外部文件-->
        <meta charset="utf-8">     <!--网页编码格式为 utf-8-->

        <title>ZONGXP</title>      <!--网页/文档的标题-->

        <style type="text/css"> 
        </style>                   <!--定义元素的CSS样式-->

        <script language="javascript">  <!--定义页面的JavaScript代码,也可引入外部文件-->   
	    </script>
                                  

        <link href="<%=path %>/css/login.css" rel="stylesheet" type="text/css"  />
                                   <!--用于引入外部 元素的CSS样式 文件-->

</head>                            <!--只有六个标签能放在head内，    
                                       title/meta/link/style/script/base-->

<body id="bodyid">                 <!--页身，主要内容-->
                             <!--通过JavaScript利用id属性来处理一段文本,id必须是唯一的-->
 
    <h1>我的第一个标题</h1>         <!--标题标签h1/h2...-->
    <p>我的第一个段落。</p>         <!--段落标签，定义一段文字-->
    <p>第一个段落  <br/>  第二个段落。</p>      <!--换行标签-->
    <a href="https://www.baidu.com">这是一个超链接</a>   <!--超链接标签-->

 
</body>

</html>

各标签作用介绍标签作用1

标签作用2

2。表单标签

表单标签有五种：form,input,textarea,selsct,option,后四种必须放在form标签内部。

<form action="demo_form.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50">    <!--单行文本框-->
<input type="password">                                      <!--密码文本框-->
<input type="checkbox" checked="checked">                    <!--多选框-->
<input type="radio" checked="checked">                       <!--单选框-->
<input type="submit" value="Send">                           <!--按钮-->
<input type="reset">                                         <!--按钮-->
<input type="file">                                          <!--文件上传-->

<select>                                                     <!---->

<option>苹果</option>                                        <!---->
<option selected="selected">香蕉</option>                    <!---->
<option>樱桃</option>                                        <!---->

</select>

<textarea name="comment" rows="60" cols="20"></textarea>     <!---->
 
</form>

三。JavaScript-函数式编程语言

1.javascript 控制页面的行为，使用户可以与页面进行交互，

2.三种引用方式 - 类比css

2.1外部 <script src=" "></script>

2.2内部 <script > ...... </script>

2.3 元素事件在元素中直接使用

document.write();  //表示在页面输出一个内容

alert();           //表示弹出一个对话框

var a = 10;        //变量声明，var是声明符

Number();          //将数字型字符串 转换为数字
parseInt();        //提取首字母为数字的任意字符串中的数字，只提取整数部分
parseFloat();      //提取首字母为数字的任意字符串中的数字，提取整数和小数

var a = 2017 + ""; //数字加上字符串，系统会将数字转换成字符串
var b = a.toString() + 1000; //a.toString表示将a转换为字符串

function sum(a,b);     //定义一个函数sum()
        //函数的调用：直接调用，在表达式中调用，在超链接中调用，在事件中调用
sum();                                  //直接调用
var n = sum(1,2) + 100;                 //在表达式中调用
<a href="javascript:sum()"> ...... </a> //在超链接中调用
<input type="button" onclick="sum()" value="提交" /> //在事件中调用，当点击提交按钮时就会调用 
                                                       函数 

str.length        // “.”运算符，可以理解为 “的” ，语句理解为“str的length(长度)”