程序员

初学html

2018-09-10  本文已影响0人  值得_e36c

html笔记

1.Html

全称为:hypertext markup language

超文本标记语言

2.   <html></html>根标签: 一对标签代表开始和结束

<head></head>编辑给浏览器的东西

<body></body>展现给用户的

<meta>设置属性

<title></title>写标题

<p></p>段落标签

<h1></h1>......<h6></h6>标题标签

<strong></strong>加粗标签

<em></em>斜体标签

<del></del>加划线的标签

<address></address>地址标签(用得少)

<div></div>    <span></span>

 功能:1.容器,分块  2.可以捆绑操作

<hr>水平线标签

3.编码字符集:四种

gb2312 

gbk

Unicode

utf-8

<meta charset = "utf-8">设置可以显示中文

4.lang = “en”  language为英语

5.seo技术 

6.编辑器中空格的含义:英文单词分隔符

想在网页中展示空格 用&nbsp;

展示小于号   &lt;(litter than)

展示大于号  &gt;(great than)

展示换行用标签  <br>(此标签单独出现)

7.有序列表  <ol type = "1/a/A/i/I"(用来确定计数方式) reversed = "reversed"(倒序) start = "2"(表示从第2个开始排,无论何种计数方式,都写数字,表示名次)>

                            <li>事务1</li>

                            <li>事务2</li>

                    </ol>

8.搜索引擎竞价机制

9.无序列表    <ul type = "disc" (square、circle,默认为实心圆)>

                                <li>事务1</li>

                                <li>事务2</li>

                    </ul>

10.<img>   图片标签

<img src = "网上url、本地的相对路径、本地的绝对路径"  alt = ""  title = "" >

alt为图片占位符是当图片显示不出来的时候展示的文字信息

title为图片提示符,鼠标移上去就显示title文字

11.<a></a> 超链接标签

<a  herf = "超链接到的网址"  target = "_blank"(使链接到的网址在新网页上打开)></a>

两个标签之间为超链接显示的文字或图片

a为anchor(锚)的缩写

作用:1.超链接 2.锚点  3.打电话发邮件 4.协议限定符

12. <form></form>发送数据标签

<form  method = ""(发送方式)  action = ""(发送地址)>

<input  type = "text">输入框

<input type = "password">密码框

要想默认选中,只要在该input框内加一个checked = “checked”

单选框如右:<input type = "radio"  name = ""  value = "">

复选框如下

<select  name = "">

        <option>选项1</option>

        <option>选项2</option>

</select>

上一篇 下一篇

猜你喜欢

热点阅读