HTML1

1. 前端：html：做网页的内容

CSS：做网页的外观

JS：执行网页的动作

前端是静态网页，内容写死。要有变化的内容，需要数据库

浏览器去解析生成漂亮的界面

后台技术：.Net

数据库： SQL Server

2. html框架的标准格式

<!DOCTYPE html>  <!-- 定义文档类型-->

<html>

   <head>

   </head>

   <body>

   </body>

</html>

工具—选项—文本编辑器—HTML(Web窗体)—验证—HTML5 代表浏览器按照html5去解析

3. 一些常用的标签：（长按Ctrl +K+d 代码对齐）

<P> </P> 段落标签 paragraph

<br/> 换行 break

<pre></pre> 对换行，空格，段落都有作用，是预文本标签

&nbps; 空格

<hr/> 画水平线 horizontal rule

<h1></h1> 标题权重高 heading

<b></b> 粗体 bold

<i></i> 斜体 italic

<u></u> 下划线 underline

<s></s> 删除线

<sup></sup> 上标 superscript

<sub></sub> 下标 suberscript

有序列表 <ol> ordered list

<li></li> list item

</ol>

无序列表 <ul> unordered list

</ul>

解释性列表 <dl> definition list

<dl>

表格 <table>

<caption></caption> 表的标题

</table>

<tr>为行标table row，<th>为标题列table heading，<td>为数据列table date

<td rowspan="2"> 并行

<td colspan="2"> 并列

表格也支持嵌套

超链接 (anchor)

<a href="https://www.baidu.com/">百度</a> 当前页面跳转 hyperlink reference
<a href="https://www.baidu.com/" target="_blank">百度</a> 打开一个新的页面
<a href="javascrip:;">登录</a> JS跳转，出现一个登录对话框

<!DOCTYPE html>                          <!--默认HTML5-->

<html>

<head>

    <title>我的第一个网页</title>

    <meta charset="utf-8" />              <!--编码方式-->

</head>

<body>

    <p>hello world</p>                  <!--段落标签-->

    <p>hello world</p>

    <p>hello <br/> world</p>       <!--中间加了换行-->

    <pre> hello world

                   hello world</pre>       <!--对换行、空格和段落都有作用，是预文本标签-->

    <hr/>                                          <!--画水平线-->

    <h1>你&nbsp;&nbsp;好</h1>      <!--标题，中间加了空格-->

    <h1>你好</h1>

    <h2>hello world</h2>

    <h3>hello world</h3>

    p<sup>2</sup><br/>          <!--上标-->

    p<sub>2</sub>                    <!--下标-->

    <ol type="a">                       <!--有序列表-->

        <li>hello world 1</li>

        <li>hello world 2</li>

        <li>hello world 3</li>

        <li>hello world 4</li>

    </ol>

    <ul type="square">             <!--无序列表-->

        <li>hello world 1</li>

        <li>hello world 2</li>

        <li>hello world 3</li>

        <li>hello world 4</li>

    </ul>

    <dl>                                    <!--解释性列表-->

        <dt> 什么是C#</dt>

        <dd>这是编程语言</dd>

    </dl>

    <ul>

        <li>

            领导的效能理论、依据

            <ol>

                <li>

                    领导的权利基础

                    <ul>

                        <li>强制权利</li>

                        <li >奖赏权利</li>

                    </ul>

                </li>

                <li>

                    领导理论

                    <ul>

                        <li>持久论</li>

                        <li>强调论</li>

                    </ul>

                </li>

            </ol>

        </li>

    </ul>                   <!--列表的嵌套-->    

    <table border="1">                           <!--表格-->

        <caption align="bottom">学员信息表</caption>                                             <!--表名称-->

        <tr><th>学号</th><th>姓名</th><th>成绩</th></tr>      <!--<tr>代表行，<th>代表标题列-->

       <tr><td>0000</td><td>张三</td> <td>98</td></tr>        <!--<td>代表数据列-->

        <tr><td>0001</td><td colspan="2">李四</td> </tr>

        <tr><td rowspan="2">0002 </td><td>王五</td> <td>76</td></tr>

        <tr><td>赵六</td> <td>                                                          <!--表格的嵌套-->

            <table border="1">

             <tr><td>你好</td></tr>

                <tr><td>hello</td></tr>

            </table></td></tr>

    </table> 

    <a href="https://www.baidu.com/">百度</a>                        <!--当前页面跳转-->

    <a  href="https://www.baidu.com/" target="_blank">百度</a>    <!--打开一个新的页面-->

    <a href="javascrip:;">登录</a>                         <!--JS跳转，出现一个登录对话框-->

</body>

</html>

4. HTML标签大小写不敏感，建议都用小写。

<p> 这是开始标签 </P>这是关闭标签，开闭之间为内容。

没有内容的HTML元素称为空元素，空元素是在开始标签中关闭，<br/>。

属性总是以名称/值的形式出现，name="value"，属性总是在HTML元素的开始标签中规定；属性值应该始终被包含在引号内，双引号是最常用的，但是当属性值本身就含有双引号，那必须用单引号，name='YOYO "hello world" Gates'

HTML1的更多相关文章

sublime-生成html1.0
文件--新建--输入--html:xt--CTRL+E.生成html1.0
python OSError: [Errno 22] Invalid argument: 'D:\\crawle\x01.html1'
import urllib.request file = urllib.request.open("http://www.baidu.com") data = file.read( ...
HTML--1标签表格
HTML 内容(Hyper Text Markup Language,超文本标记语言) CSS 网页美化 Javascript 脚本语言打开DREAMWEAVER,新建HTML,如下 ...
网页HTML1
表格表单表格, <tabale> -------表格 <tr> --------------行 <td> -- ...
HTML1.0 - html 环境搭建开发工具
1. mac 电脑 2. Hbuilder 开发软件 3. 学习基础 HTML 语法网站 http://www.w3school.com.cn
HTML1网页三部份内容
网页三部份内容:HTML CSS Javascript 路径:一般做网页的时候用的相对路径. images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg ...
HTML1高级
HTML头部一.链接在新窗口打开如果要定义整个网页的链接在新窗口打开,只要在/head里定义/base target="_blank"就可以了</p> 二.文档描述1 ...
初学HTML-1
HTML:Hyper Text Markup Language的缩写超文本标记语言,用来描述文本的语义,这些文本———超文本,也叫标签. 基本格式: <html> <head ...
前端html1.
HTML介绍转载http://www.cnblogs.com/liwenzhou/p/7988087.html Web服务本质 import socket sk = socket.socket() ...

随机推荐

eclipse的历史版本及下载
有时候我们总会遇到在需要eclipse而无法及时找到的时候, 所以那些有用的链接, 是帮助我们能够及时找到我们想要版本的额最好方式 Eclipse 3.1 IO[木卫一,伊奥] 2005 http:/ ...
《HTTP 权威指南》
第一篇: Web基础 (HTTP概述. URL.HTTP报文.连接管理) 0. scheme:方案! 协议类型 1.HTTP:超文本传输(状态转移)协议:通信协议方案. web浏览 ...
安卓activity生命周期
相信不少朋友也已经看过这个流程图了,也基本了解了Activity生命周期的几个过程,我们就来说一说这几个过程. 1.启动Activity:系统会先调用onCreate方法,然后调用onStart方法, ...
Oracle的自增长主键
自增长主键 --首先建一个表TEST create table TEST( NID int PRIMARY KEY, test1 varchar2(20), test2 varchar2(20) ...
js 身份验证
var idCardNoUtil = { provinceAndCitys: {11:"北京",12:"天津",13:"河北",14 ...
Hanio汉诺塔代码递归实现
1.背景介绍 Hanio (汉诺塔,又称河内塔)问题是源于印度一个古老传说的益智玩具.大梵天创造世界的时候做了三根金刚石柱子,在一根柱子上从下往上按照大小顺序摞着64片黄金圆盘.大梵天命令婆罗门把圆盘 ...
ORA-29538、ORA-29532、ORA-29913问题解决
问题一:ERROR at line 1: ORA-29538: Java not installed解决方法1.检查有没有安装JAVA组件select * from v$option t where ...
基于spring的文件上传--单文件上传
Spring配置文件 <bean id="multipartResolver" class="org.springframework.web.multipart.c ...
java web项目导入到eclipse中变成了java项目的一种情况的解决办法
前提,我把代码上传到github上之后,在另外一台电脑上拉下之后,先报出现的是jre不对,然后换成了当前的jre,然后红色的感叹号消失了但是之前项目上那个小地球不见了,也就是说变成了java项目. - ...
MVC3项目依赖文件错误解决
MVC3的项目依赖分为两大类: 1.ASP.NET Web Pages 2.ASP.NET MVC 3 如果没有正确引入,或者项目的版本有错误会出现程序集引用错误. 在服务器上部署时,解决思路如下: ...

HTML1

HTML1的更多相关文章

随机推荐

热门专题