`
heimeiyingwang
  • 浏览: 95453 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML/JAVASCRIPT辅导(1--1)

阅读更多

一、HTML
1、超级文本标记语言 (Hyper Text Marker Language)                             
2、由一组固定的标签组成
3、浏览器是一个工具,默认能打开的文件名为“.html”、“.htm”
4、<h1 align="center">Hello</h1>
   <hr>
   HTML本身并不要求必须是合法的 ,也不要求必须格式良好
   所以没有跟标记,<hr>没有结束标签,浏览器也能解析
  
二、Web简述
1、Internet提供的服务
   telnet   远程登录  
   email    电子邮件
   www      万维网
   bbs      电子公告牌
   ftp      文件传输
2、Internet的协议
   传输控制协议 TCP/IP协议
3、HTML工作在HTTP协议下  
   HTTP 超文本传输协议    此连接是一种一次性连接,每次连接只处理一个请求,是无状态协议
   URL  http://192.168.0.20
        协议   服务器ip地址,默认端口80 
       
三、HTML的主体
1、必须有个唯一的跟标记<html></html>
2、整个文档分为2部分 <head></head>  <body></body>
<html>
  <head>
     <title>My First HTML</title>
  </head>
  <body>
     <h1 align="center">Hello</h1>
     <hr>
  </body>      
</html>

四、常用标签
<html>
  <head>
     <title>My First HTML</title>
  </head>
  <body bgcolor="#fffff">
     <h1 align="center">Hello</h1>   --  最大的字体
     <hr>
     <center>
      <h2>Hello</h2>
      <hr>
      <h3>Hello</h3>
      <hr>
      <h4>Hello</h4>
      <hr>
      <h5>Hello</h5>
      <hr>
      <h6>Hello</h6>
      <hr>
     </center>
    
  </body>      
</html>

<!--     -->  表示注释
浏览器并不认识文本中的回车、换行、空格
HTML中用<br>表示换行(break row)
        <p> 表示段落,换行+空行(paragraph)
        &nbsp;表示一个空格
        &lt;表示小于号
        &gt;表示大于号
       

有序列表       
<ol>
<li>basic</li>
<li>association</li>
<li>inheritance</li>
</ol>       
显示的结果:
1、basic
2、association
3、inheritance


无序列表
<ul>
<li>basic</li>
<li>association</li>
<li>inheritance</li>
</ul>


定义列表
<dl>
<dt>basic</dt>
<dd>association</dd>
</dl>
</ul>


指定字体颜色
<font color="red"></font>
<b>粗体
<em>斜体

<div></div>限制一组标签,圈定一个区域
<span></span> 限制一个文本内容


<table border="1" align="center" width="300" height="400">  -- 一个表格的开始,设置表格长、宽的时候,可以用像素,也可用百分比设置
<tr>    -- 表格中一行的开始
  <td>1</td>  --  一列的开始 <th></th>标签表示题头,其中的文本默认加粗,一般作为表头使用
  <td colspan="2">2&3</td>  --合并单元格,合并两列colspan,合并两行rowspan
</tr>
<tr>   
  <td align="center">4</td>   -- 横向居中
  <td align="left">5</td>     -- 横向左对齐
  <td align="right">6</td>    -- 横向右对齐
</tr>
<tr>  
  <td valign="top">7</td>     -- 纵向对齐方式
  <td valign="middle">8</td>
  <td valign="bottom">&nbsp;</td> 
  --空白的单元格要用空格替代,避免破坏表格的外观
</tr>
</table>

 

分享到:
评论

相关推荐

    计算机精品学习资料大放送

    软考官方指定教材及同步辅导书下载 | 软考历年真是解析与答案 软考视频 | 考试机构 | 考试时间安排 Java一览无余:Java视频教程 | Java SE | Java EE .Net技术精品资料下载汇总:ASP.NET篇 .Net技术精品资料下载...

    基于Springboot+Vue的线上辅导班系统的开发与设计源码案例设计.zip

    1. **src/main/java** - 包含Spring Boot后端的Java源代码,可能包括服务层(Service)、控制层(Controller)、数据访问层(DAO)以及实体类(Entities)。 2. **src/main/resources** - 存放配置文件,如...

    毕设论文辅导视频-Vue.zip

    Vue还支持单文件组件(Single File Components, SFC),在同一个文件内,你可以处理HTML、CSS和JavaScript,这使得代码组织更为清晰。同时,Vue提供了Vuex作为状态管理工具,用于集中管理应用的状态,这对于大型项目...

    基于Python、JavaScript、HTML、CSS技术的郑州大学辅导员测评系统设计源码

    该项目是一款基于Python、JavaScript、HTML、CSS技术开发的郑州大学辅导员测评系统源码,包含共计50个文件,涵盖9个Python脚本文件、6个XML配置文件、5个JavaScript脚本文件、4个HTML页面文件、3个文本文件、3个CSV...

    cordova-plugin-tencent-share-master

    ```javascript TencentShare.qqShare({ "appid": "222222", "title": "好班(用户版)", "summary": "好班,一个专注于教育辅导的App", "image_url": "http://static.xuexiba.com/html_v3/images/w_logo.png", ...

    JSP基于SpringMVC和Hibernate毕业生离校就业分析管理平台+源代码+文档说明+数据库.zip

    用了技术框架: HTML+CSS+JavaScript+jsp+mysql+SpringMVC+Spring+hibernate 管理员账号/密码:admin/admin 辅导员账号/密码: teacher/123456 学生账号/密码: 20174830909/123456 运行环境:jdk1.8/jdk1.9 IDE...

    基于JavaScript实现学校教学课后辅导交流系统源码

    在【javaweb课设基于JavaScript实现学校教学课后辅导交流系统源码】这个压缩包中,你将找到实现上述功能的代码文件,包括HTML模板、JavaScript脚本、CSS样式表、可能的服务器端Java代码,以及数据库配置等相关文件。...

    JavaScript辅导教程

    总的来说,JavaScript是一门深度和广度兼具的语言,无论是初学者还是有经验的开发者,都能在这个辅导教程中找到有价值的学习材料。通过不断学习和实践,你将能够熟练地利用JavaScript构建出功能丰富、用户体验优秀的...

    Javascript的教学大纲-广州市广播电视大学.docx

    1. 概述部分:要求学生全面理解JavaScript这门编程语言的基本概念和用法,并将其嵌入到HTML代码中,以实现网页的动态效果。同时,学生需要了解JavaScript与Java的发展关系和平台独立性。 2. HTML基本语法部分:学生...

    how-can-i-help:该应用程序允许学生提供和接收有关各种技术主题和主题的帮助

    为了帮助弥合差距并帮助所有学生成功,“我如何帮助”通过让学生在被要求之前提供帮助来促进同伴辅导的想法。 您可以在此处查看完整的工作版本: : 在本地运行 克隆以下(此)存储库 git clone ...

    辅导员知识竞赛--考试题.docx

    - **技术实现**:采用关系型数据库存储数据,前端使用HTML/CSS/JavaScript等技术构建用户界面,后端采用Java或.NET框架开发。 - **安全性设计**:采用加密技术保护敏感信息,设置访问权限控制不同用户对数据的操作。...

    大工21秋《JavaScript基础教程与应用》在线作业123辅导答案.docx

    JavaScript 基础教程与应用 ...* 数组:JavaScript 中的数组可以使用方括号 [] 来声明,例如 var arr = [1,2,3];。 本文档涵盖了 JavaScript 的基础知识点,帮助读者更好地理解和掌握 JavaScript 编程语言。

    HTML+CSS+JavaScript网页制作(Web前端开发)(第3版)授课计划.docx

    1. **HTML基础**:讲解HTML语言概述和语法,包括常用标记的使用,以完成网页的基本内容设计。 2. **CSS基础**:介绍CSS的概念和基本语法,教学盒模型的应用和页面布局,使学生能够对页面进行有效的样式化。 3. **...

    Capstone-Project:火花条纹PWA-斯凯·希金斯

    顶石项目:Spark Streaks PWA 1. Javascript课程遵循Codecademy的“学习Javascript”: ://www.codecademy.com/learn/introduction-to-javascript 2. PWA教程应用程序: : 跟随网络忍者的“初学者PWA辅导”: : ...

    大工21秋《JavaScript基础教程与应用》在线作业123辅导答案.pdf

    JavaScript 基础教程与应用知识点总结 本文旨在总结 JavaScript 基础教程与应用相关知识点,涵盖了 JavaScript 语言基础、变量、数据类型、运算符、控制结构、函数、数组等内容。 一、JavaScript 语言基础 * ...

    Java项目-基于springboot+vue的高校心理教育辅导设计与实现(附源码,数据库,教程).zip

    前端:html/javascript 后台框架:SpringBoot 开发环境:idea 数据库:MySql(建议用 5.7 版本,8.0 有时候会有坑) 数据库工具:navicat 部署环境:Tomcat(建议用 7.x 或者 8.x 版本), maven

    jquery.jqprint-0.3.js的使用demo.zip

    下面是一个完整的使用jQuery.jqprint-0.3.js的示例,包括HTML、CSS和JavaScript部分,展示如何打印一个表格: ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery.jqprint-0.3.js ...

    carrimaxx:我的个人资料库

    自学JavaScript,HTML,CSS,Bootstrap,Node.js,TypeScript 6个月以上,然后加入LaunchCode的CoderGirl JavaScript C#Web开发程序,在那里我也熟悉Angular。 我可以主要从事C#/。NET和/或JavaScript Web ...

Global site tag (gtag.js) - Google Analytics