html笔记

基本

常用标签
<html>…</html>      定义 HTML 文档
<head>…</head>   
文档的信息
<meta>                    HTML 
文档的元信息
<title>…</title>        
文档的标题
<link>                      
文档与外部资源的关系
<style>…</style>    
文档的样式信息
<body>…</body>   
可见的页面内容
<!--…-->                 
注释

 

文本


<h1>...</h1>               标题字大小(h1~h6
<b>...</b>                   
粗体字
<strong>...</strong>   
粗体字(强调
<i>...</i>                      
斜体字 
<em>...</em>              
斜体字(强调)
<u>...</u>                   
下划线
<del>...</del>              
删除线(表示删除)
<center>…</center>   
居中文本
<ul>…</ul>                 
无序列表 
<ol>…</ol>                 
有序列表
<li>…</li>                    
列表项目
<a href=”…”>…</a>    
超链接

<font>                         定义文本字体尺寸、颜色、大小
<sub>                         
下标
<sup>                         
上标
<br>                           
换行
<p>                            
段落

 

图形


<img src=’”…”>   定义图像
<hr>                   
水平线

 

表格


<table>…</table>   定义表格
<th>…</th>            
定义表格中的表头单元格
<tr>…</tr>             
定义表格中的行
<td>…</td>           
定义表格中的单元

 

其它


<form>…</form>    
定义供用户输入的 HTML 表单
<frame>                 
定义框架集的窗口或框架

 

 

另加16进制颜色,但仅仅有16种颜色名可用英文字母,其余的要用16进制值。 记住哦!

 

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

HTML常用事件


Ctrl+J VS提示补全

Html 不区分大小写

所有都是以<HTML>开始</HTML>结束

<head>              并不会直接显示在网页上,而是影响。

<META>              可以没有结束

<title></title>    网页标题

</head>

<body></body>用于显示

想要对被标签修饰内容进行更丰富的操作,就用到标签中的属性,通过对属性值得改变,增加了更多的效果选择。

属性的值必须拿引号引起来。(推荐)

Ep:  <input type="button" value="click me" />

Html常用标签:字体和特殊字符

<font></font>

Ep:<font color="yellow">反面</font>

标题标签:

<h1>1</h1>

    <h2>2</h2>

    <h3>3</h3>

    <h4>4</h4>

    <h5>5</h5>

    <h6>6</h6>

转义字符:

<>      &lt;&gt;               less than  greater than

Ep: &lt;h1&gt;fff&lt;/h1&gt;

“ ”   &quot;&quot;

Ep: <input type="button" value="click&quot;me&quot;"/>

空格  &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

& &amp;

 

Html常用标签:列表标签

<ul>

    <li></li>

</ul>

Unorder list  默认是的原点style="list-style:square"属性更改样式

Ep: <ul>

        <li>粽子</li>

        <li>香蕉</li>

        <li>草莓</li>

    </ul>

<ol>

    <li></li>

</ol>

olorder list 有数字 不常用

 

<img src="1.jpg"width="100"height="100"/>

Html常用标签:表格标签

<table>

        <thead>

            <tr><td>姓名</td><td>年龄</td><td>性别</td></tr>

        </thead>

        <tbody>

            <tr><td>bin</td><td>25</td><td>man</td></tr>

            <tr><td>bin1</td><td>26</td><td>man</td></tr>

            <tr><td>bin2</td><td>27</td><td>man</td></tr>

        </tbody>

    </table>

 

Html常用标签:超级链接

<a href="http://www.baidu.com" target="_blank">baidu</a>

Target属性控制打开方式

 

Html语法表单

表单主要用于采集和提交用户输入的信息,与服务器端进行交互。

<form>

        <input type="text" value="input name"/>

        <input type="button" value="click me!"/>

        <input type="checkbox" value="" id="cb1"/> <label for="cb1">agree</label>

        兴趣:<input type="radio" name="xq" id="xqIn" /><label for="xqIn">Nv</label>

        <input type="radio" name="xq" id="xqIn" /><label for="xqIn">nan</label>

        <input type="radio" name="xq1" id="xqIn" /><label for="xqIn">Nvnan</label>

</form>

 

    民族:

    <select>

        <option selected>汉族</option>   

        <option>满族</option>   

        <option>彝族</option>   

    </select>


多行文本框:<textarea></textarea>

    <textarea rows="3" cols="10"></textarea>

 

通过浏览器输入cgi链接直接运行。Cgi运行在服务器中(对服务器操作,如删除文件,链接数据库等),Javascript运行在浏览器中。

 

有的程序运行之前需要给出一些参数,网站程序不能直接从标准输入scanf,需要通过地址栏中QueryString传入。

Test.cgi?username=yzk&password=123

getenv从环境变量中获取QueryString

char *querystring=getenv(“QUERY_STRING”);

根据用户名判断是否能够登录


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值