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() ...

随机推荐

Sublime轻量级编辑器
对于从事计算机的小伙伴,好用的编辑器等效于手里的利器!可说为,砍柴不误,磨刀工! 手有神器,游走四方! sublime,记得好像是支持跨平台的家乡的情绪 http://pan.baidu.com/s ...
EPEL源
EPEL (Extra Packages for Enterprise Linux)是基于Fedora的一个项目,为“红帽系”的操作系统提供额外的软件包,适用于RHEL.CentOS和Scientif ...
FlashFXP|FTP
经典的FTP传输工具FlashFxp,留作几年吧!看和曾经用的软件代表着岁月的流逝和时间的推进性! 洒脱度过生活中的每一天.每一分钟,Mvpbang追随一生! 压缩包中有秘钥文件-flashfxp.k ...
oracle 学习笔记
--2.2 进入和退出oracle数据库--在windows中输入cmd打开命令窗口然后输入 sqlplu / as sysdba--验证数据库是否安装成功 --select status from ...
[团队项目]Github生成燃尽图的方式
经过一晚上折腾,终于算是把linux上成功生成了我们团队项目的燃尽图,效果还是不错,在过程中又发现了另一种生成燃尽图的方式,也是基于一个开源项目. 1.准备: 首先你的项目一定要有milestone. ...
Linux下运行memcached失败
Linux下运行memcached失败 1.错误信息如下 [root@localhost ~]# memcached can't run as root without the -u switch 2 ...
freemarker 分页取值
<#if pagination??&&pagination.list??> <#list pagination.list as video> <td al ...
2016年第2周读书笔记与工作笔记 scrollIntoView()与datalist元素
这一周主要是看了html5网页开发实例与javascript 高级程序设计,供以后翻阅查找. html5网页开发实例第1章与第二章的2.1部分: 第1章内容: html5在w3c的发展史. 浏览器的 ...
zabbix的使用
1,zabbix运行流程 2功能特性 1数据收集 2灵活触发器 3高度可定制告警 4实时绘图功能 5web监控能力 6多种可视化展示 7历史数据存储 8配置容易 9API功能 10.......... ...
bootstrap-fileupload-上传文件控件
官方github:https://github.com/kartik-v/bootstrap-fileinput 官方dome网站:http://plugins.krajee.com/file-bas ...

HTML1

HTML1的更多相关文章

随机推荐

热门专题