-
段落标签
空标签
空标签就是没有内容的 HTML 元素,是在开始标签中就关闭的元素。通俗点来讲空元素就是能不成对出现的标签。<br/>换行
<hr>下划线
<img>图片标签
<input>表单标签
列表标签
有序列表 <ul> <li>
常用属性：type：只适用于无序列表，用于设定项目符号，默认值为 disc
value：只适用于有序列表，用于设定列表的项目数字
无序列表 <ol> <li>
常用属性：type：规定列表中使用的标记类型，可取值 1AaIi
star：规定列表的起始值
自定义列表 <dl> <dt> <dd>
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li>Coffee</li>
<li></li>
</ol>
定义列表
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
</dl>
链接标签:
<a>链接</a>
用于定义超链接，用于从一个页面跳转到另一个页面，常用属性：
href：用于设定链接指向页面的 url
name：用于设定锚的名称
页面内部的锚连接 <a href="#名称"></a>
页面间的锚连接 <a href="页面的地址#锚名"></a>
target：用于设定在何处打来链接页面
img 标签必须带有 src 属性. 表示图片的路径.
<img src="rose.jpg">下一级路径: image/1.jpg
上一级路径: ../image/1.jpg
外部链接: href 引用其他网站的地址
内部链接: 网站内部页面之间的链接. 写相对路径即可
input 标签
各种输入控件, 单行文本框, 按钮, 单选框, 复选框.
(1) type(必须有), 取值种类很多多, button, checkbox, text, file, image, password, radio 等.
(2) name: 给 input 起了个名字. 尤其是对于 单选按钮, 具有相同的 name 才能多选一.
(3) value: input 中的默认值.
(4) checked: 默认被选中. (用于单选按钮和多选按钮)
(5) maxlength: 设定最大长度.
1)文本框
<input type="text">
2)密码框
<input type="password">
3)单选框
性别:
<input type="radio" name="sex">男
<input type="radio" name="sex" checked="checked">女
注意: 单选框之间必须具备相同的 name 属性, 才能实现 多选一 效果.
4)复选框
爱好:
<input type="checkbox"> 吃饭 <input type="checkbox"> 睡觉 <input type="checkbox">
打游戏
5)普通按钮
<input type="button" value="我是个按钮">
<input type="button" value="我是个按钮" οnclick="alert('hello')">
当前点击了没有反应. 需要搭配 JS 使用
6)提交按钮
<form action="test.html">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
提交按钮必须放到 form 标签内. 点击后就会尝试给服务器发送
select 标签
下拉菜单
<select>
<option>北京</option>
<option selected="selected">上海</option>
</select>
option 中定义 selected="selected" 表示默认选中.
常用转义符
<body>
<h1>HTML常用转义符</h1>
<p>空格： 这是三个空格</p>
<p>大于号：></p>
<p>小于号：<</p>
<p>&符号：&</p>
<p>“双引号："</p>
<p>版权符号：©</p>
<p>已注册商标：®</p>
<p>在网页中直接显示原标签:</p>
显示p标签 <p></p> <br /><br />
显示div标签：<div></div>
</body>
CSS的基本语法
CSS规则集：
由 选择器 和 声明块 组成，声明块用 {} 括起来
选择器：选择器指向需要设置样式的HTML元素
声明块：包含一条或多条声明，每条声明用 ;分号 隔开
每条声明：都包含一个CSS属性名称和一个值，以 : 冒号 分隔
CSS书写位置：
网页中 head 标签对中的 style 标签对中
CSS文件中
网页标签中的 style 属性中
CSS书写方式：
/*（1）每行只描述一个属性，并且有规范的间距（方便阅读及后期修改）*/
p {
color: red;
font-size: 14px;
}
/*（2）CSS中的样式声明直接写在一行（提升CSS文件的下载速度） */
p{font-size:14px;color:red}
扫一扫
625
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
